【2回目】アフィリエイトリンクだけにnofollowを付与したいのですが… - Cocoonテーマに関する質問 https://wp-cocoon.com/community/cocoon-theme/%e3%80%902%e5%9b%9e%e7%9b%ae%e3%80%91%e3%82%a2%e3%83%95%e3%82%a3%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%88%e3%83%aa%e3%83%b3%e3%82%af%e3%81%a0%e3%81%91%e3%81%abnofollow%e3%82%92%e4%bb%98%e4%b8%8e%e3%81%97/ Cocoon ディスカッション掲示板 ja Thu, 18 Jun 2026 15:03:33 +0000 wpForo 60 RE: 【2回目】アフィリエイトリンクだけにnofollowを付与したいのですが… https://wp-cocoon.com/community/cocoon-theme/%e3%80%902%e5%9b%9e%e7%9b%ae%e3%80%91%e3%82%a2%e3%83%95%e3%82%a3%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%88%e3%83%aa%e3%83%b3%e3%82%af%e3%81%a0%e3%81%91%e3%81%abnofollow%e3%82%92%e4%bb%98%e4%b8%8e%e3%81%97/#post-73789 Sun, 10 Sep 2023 00:31:08 +0000 @akira 様

再びご確認いただきましてありがとうございました！

色々とご配慮いただいた上でアフィリエイトタグを推奨してくださったのに、一度断念してしまいすみません。。

今回さらに詳細に教えていただいたことで、やっとやり方がわかりました。

テキストリンク、ボタンリンクを検証してみましたが、どちらも問題なく実装できそうです！

アフィリエイトタグを使用する方向でやらせていただきます。本当にご丁寧にありがとうございます。

今後ともどうぞよろしくお願いいたします。

]]> Cocoonテーマに関する質問 keity https://wp-cocoon.com/community/cocoon-theme/%e3%80%902%e5%9b%9e%e7%9b%ae%e3%80%91%e3%82%a2%e3%83%95%e3%82%a3%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%88%e3%83%aa%e3%83%b3%e3%82%af%e3%81%a0%e3%81%91%e3%81%abnofollow%e3%82%92%e4%bb%98%e4%b8%8e%e3%81%97/#post-73789 RE: 【2回目】アフィリエイトリンクだけにnofollowを付与したいのですが… https://wp-cocoon.com/community/cocoon-theme/%e3%80%902%e5%9b%9e%e7%9b%ae%e3%80%91%e3%82%a2%e3%83%95%e3%82%a3%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%88%e3%83%aa%e3%83%b3%e3%82%af%e3%81%a0%e3%81%91%e3%81%abnofollow%e3%82%92%e4%bb%98%e4%b8%8e%e3%81%97/#post-73788 Sun, 10 Sep 2023 00:23:02 +0000 @chu-ya 様

リカバリーについて教えていただき、ありがとうございます！

カスタムHTMLに変換して修正できることは知りませんでした。。

今後の編集作業において貴重な知識となりました。ありがとうございます。

]]> Cocoonテーマに関する質問 keity https://wp-cocoon.com/community/cocoon-theme/%e3%80%902%e5%9b%9e%e7%9b%ae%e3%80%91%e3%82%a2%e3%83%95%e3%82%a3%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%88%e3%83%aa%e3%83%b3%e3%82%af%e3%81%a0%e3%81%91%e3%81%abnofollow%e3%82%92%e4%bb%98%e4%b8%8e%e3%81%97/#post-73788 RE: 【2回目】アフィリエイトリンクだけにnofollowを付与したいのですが… https://wp-cocoon.com/community/cocoon-theme/%e3%80%902%e5%9b%9e%e7%9b%ae%e3%80%91%e3%82%a2%e3%83%95%e3%82%a3%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%88%e3%83%aa%e3%83%b3%e3%82%af%e3%81%a0%e3%81%91%e3%81%abnofollow%e3%82%92%e4%bb%98%e4%b8%8e%e3%81%97/#post-73778 Sat, 09 Sep 2023 13:26:13 +0000 @keity さん

以前のトピックで私がアフィリエイトタグをおすすめしたのは、このような問題が起きるのも理由の 1 つでした。

「このブロックには、想定されていないか無効なコンテンツが含まれています。」と出る理由は、Cocoon のボタンブロックや囲みボタンブロックが rel="nofollow" に対応していないためです。rel 属性の値には、noopener しか書けません。そのため、rel="noreferrer" でも同じようにエラーメッセージが出ます。

テキストリンクにしている箇所もあれば、ボタンリンクにしている箇所もあるなど、複数の出し方をしているため、設置の方法がわからず断念してしまいました。

テキストリンクとボタンリンクとで別々にアフィリエイトタグに登録するのはご希望に合わないでしょうか？

例えば、A8 での楽天モバイルのアフィリエイトと仮定します。

テキストリンクの場合は、アフィリエイトタグのタイトルに「テキストリンク - A8 - 楽天モバイル」などと書き、内容に <a> タグを書きます。この <a> タグは、A8 などからコピペするだけでいいと思います。

<a href="https://sample.com/" rel="nofollow noopener" target="_blank">何かしらのテキスト</a>

ボタンリンクの場合は、アフィリエイトタグのタイトルに「ボタンリンク - A8 - 楽天モバイル」などと書き、このような HTML を内容に書きます。

<div class="wp-block-cocoon-blocks-button-1 button-block">
  <a href="https://sample.com/" class="btn" target="_blank" rel="nofollow noopener">ボタン</a>
</div>

この HTML であれば、Cocoon のボタンブロックの小サイズと同じボタンになります。HTML は簡単に作れます。投稿ページの編集画面で Cocoon のボタンブロックを使っておいてコードエディターに切り替えれば、HTML をコピーできます。コピーした HTML に nofollow を追加すれば完成です。

アフィリエイトタグよりコードエディターで編集されるのがお好みでしょうか？

ちなみに、WordPress のボタンブロックであれば、コードエディターで nofollow を追加できます。

]]> Cocoonテーマに関する質問 Akira https://wp-cocoon.com/community/cocoon-theme/%e3%80%902%e5%9b%9e%e7%9b%ae%e3%80%91%e3%82%a2%e3%83%95%e3%82%a3%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%88%e3%83%aa%e3%83%b3%e3%82%af%e3%81%a0%e3%81%91%e3%81%abnofollow%e3%82%92%e4%bb%98%e4%b8%8e%e3%81%97/#post-73778 RE: 【2回目】アフィリエイトリンクだけにnofollowを付与したいのですが… https://wp-cocoon.com/community/cocoon-theme/%e3%80%902%e5%9b%9e%e7%9b%ae%e3%80%91%e3%82%a2%e3%83%95%e3%82%a3%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%88%e3%83%aa%e3%83%b3%e3%82%af%e3%81%a0%e3%81%91%e3%81%abnofollow%e3%82%92%e4%bb%98%e4%b8%8e%e3%81%97/#post-73777 Sat, 09 Sep 2023 12:18:48 +0000 Cocoonブロックの以下を利用について。

  • ボタン
  • 囲みボタン

まず、ボタンについて話します。

●現象

コードエディターに変え、HTMLに「rel="nofollow"」を追加すると、リカバリーとなる。

●対応策

以下の手順で対応します。

図①の「...」をクリックする。
図②のHTMLに変換をクリックする。
図③の「カスタムHTML」ブロックとなるので、属性を編集、追加する。
HTML表示のままが嫌なら、図④のプレビューをクリックし、ボタン表示にする。

 
囲みボタンついいて
●現象
囲みボタン設定で、図に示しよう、設定のリンクタグ・ショートコードに「rel="nofollow"」を追加する。
保存できるが、生成されるHTMLは「rel="nofollow noopener"」となってしまう。
また「target="_blank"」を追加すると、次編集の際「このブロックには、想定されていないか無効なコンテンツが含まれています。」となる。
 
●対応策
上記と同じ手順で、カスタムHTMLに変換し、修正します。
 
]]> Cocoonテーマに関する質問 大門未知子 https://wp-cocoon.com/community/cocoon-theme/%e3%80%902%e5%9b%9e%e7%9b%ae%e3%80%91%e3%82%a2%e3%83%95%e3%82%a3%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%88%e3%83%aa%e3%83%b3%e3%82%af%e3%81%a0%e3%81%91%e3%81%abnofollow%e3%82%92%e4%bb%98%e4%b8%8e%e3%81%97/#post-73777 RE: 【2回目】アフィリエイトリンクだけにnofollowを付与したいのですが… https://wp-cocoon.com/community/cocoon-theme/%e3%80%902%e5%9b%9e%e7%9b%ae%e3%80%91%e3%82%a2%e3%83%95%e3%82%a3%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%88%e3%83%aa%e3%83%b3%e3%82%af%e3%81%a0%e3%81%91%e3%81%abnofollow%e3%82%92%e4%bb%98%e4%b8%8e%e3%81%97/#post-73776 Sat, 09 Sep 2023 12:04:53 +0000 @mk2_mk2 様

お忙しい中色々と検証いただきありがとうございます！

素人なものですから、私自身の検証も少し時間がかかってしまいますがいただいたヒントを元に試してみます。

>>ただ、「noopener」がなくても良いものか・・・。

→noopenerは設定したいですね…

引き続きよろしくお願いいたします。

]]> Cocoonテーマに関する質問 keity https://wp-cocoon.com/community/cocoon-theme/%e3%80%902%e5%9b%9e%e7%9b%ae%e3%80%91%e3%82%a2%e3%83%95%e3%82%a3%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%88%e3%83%aa%e3%83%b3%e3%82%af%e3%81%a0%e3%81%91%e3%81%abnofollow%e3%82%92%e4%bb%98%e4%b8%8e%e3%81%97/#post-73776 RE: 【2回目】アフィリエイトリンクだけにnofollowを付与したいのですが… https://wp-cocoon.com/community/cocoon-theme/%e3%80%902%e5%9b%9e%e7%9b%ae%e3%80%91%e3%82%a2%e3%83%95%e3%82%a3%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%88%e3%83%aa%e3%83%b3%e3%82%af%e3%81%a0%e3%81%91%e3%81%abnofollow%e3%82%92%e4%bb%98%e4%b8%8e%e3%81%97/#post-73775 Sat, 09 Sep 2023 11:16:48 +0000

この「現在」と「変換後」を、コピーして機械的にDiffしてみましたが、完全に同一でした。

ここで、「ブロックに変換」すると、「カスタムHTML」ブロックになってしまいすね。

「Cocoon設定」で、「target="_blank"の際はnoopenerを追加」のチェックを外すと、以下のようになりました。

 
ただ、「noopener」がなくても良いものか・・・。
 
「rel="nofollow noopener"」にすると、公開ページではrel属性自体がなくなってしまいました。
 
 
まとまりませんが、そろそろ時間切れなもので、離脱してしまいます。
（晩御飯まだですし）
]]> Cocoonテーマに関する質問 ｍｋ２ https://wp-cocoon.com/community/cocoon-theme/%e3%80%902%e5%9b%9e%e7%9b%ae%e3%80%91%e3%82%a2%e3%83%95%e3%82%a3%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%88%e3%83%aa%e3%83%b3%e3%82%af%e3%81%a0%e3%81%91%e3%81%abnofollow%e3%82%92%e4%bb%98%e4%b8%8e%e3%81%97/#post-73775 RE: 【2回目】アフィリエイトリンクだけにnofollowを付与したいのですが… https://wp-cocoon.com/community/cocoon-theme/%e3%80%902%e5%9b%9e%e7%9b%ae%e3%80%91%e3%82%a2%e3%83%95%e3%82%a3%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%88%e3%83%aa%e3%83%b3%e3%82%af%e3%81%a0%e3%81%91%e3%81%abnofollow%e3%82%92%e4%bb%98%e4%b8%8e%e3%81%97/#post-73774 Sat, 09 Sep 2023 10:50:27 +0000 keityさん

ご提示いただいたものを、Cocoonの「ボタン」ブロックと「囲みボタン」ブロックに入力してみました。
（右の設定サイドバーで、ある程度設定内容も伝わるかと思います。画像添付の際は、この範囲も欲しいです）

 
「ボタン」ブロックについては、プルダウンで別タブの設定ができるため「target="_blank"」は削除しました。
 
 
以下が、公開ページの状態です。
（上が「ボタン」ブロック、下が「囲みボタン」ブロック）
 
「ボタン」ブロックでは、「data-type」「data-id」がなくなっているようです。
「囲みボタン」ブロックは、問題なさそうに思います。
 
 
そして、投稿ページを一旦閉じて、再編集してみます。
 
すると、両方とも「無効なコンテンツ」になってしまいました。
 
ただ、「囲みボタン」の「解決」を選択してみると、以下のように表示されます。
 
この「現在」と「変換後」を、コピーして機械的にDiffしてみましたが、完全に同一でした。
（「ボタン」は公開ページでdata-id等が削除されてしまうので、確認していません）
 
上記のことから、「囲みボタン」を使う分には「無効なコンテンツ」が表示されても問題ないのかなと思います。
 
 
なぜ「無効なコンテンツ」になってしまうのかは、テーマ側で確認が必要な気はします。
 
【追記】
今気づきました。
「noopener」になっていますね。
（Cocoon設定でそうしているのだと思います）
]]> Cocoonテーマに関する質問 ｍｋ２ https://wp-cocoon.com/community/cocoon-theme/%e3%80%902%e5%9b%9e%e7%9b%ae%e3%80%91%e3%82%a2%e3%83%95%e3%82%a3%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%88%e3%83%aa%e3%83%b3%e3%82%af%e3%81%a0%e3%81%91%e3%81%abnofollow%e3%82%92%e4%bb%98%e4%b8%8e%e3%81%97/#post-73774 RE: 【2回目】アフィリエイトリンクだけにnofollowを付与したいのですが… https://wp-cocoon.com/community/cocoon-theme/%e3%80%902%e5%9b%9e%e7%9b%ae%e3%80%91%e3%82%a2%e3%83%95%e3%82%a3%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%88%e3%83%aa%e3%83%b3%e3%82%af%e3%81%a0%e3%81%91%e3%81%abnofollow%e3%82%92%e4%bb%98%e4%b8%8e%e3%81%97/#post-73773 Sat, 09 Sep 2023 10:15:09 +0000 keityさん

すみません、只今スマホなもので、こちらで確認ができません。

ボタンブロックには、2つあるかと思います。

WordPress本体のものと、Cocoonのものです。

どちらでしょう？（見た目で分かるはずですが、記憶が・・・）

 

Cocoonのボタンブロックであれば、「nofollow」は、右の設定サイドバーのURL部分に含めれば良い気がします。（今試せないもので、間違っていたらすみません）

別タブについては、トグルスイッチでオンオフできたと思います。（うろ覚えですが。プルダウンだったかも？）

 

囲みボタンだと、そのままタグを丸ごと入力できた気がします。

 

ブロックエディタは、ブロックの設定以外のことをすると、すぐに「無効なコンテンツ扱い」になってしまうんですよね。（HTMLに問題がなくても。そのため、ブロックエディタで再編集が簡単ではなくなってしまいます）

]]> Cocoonテーマに関する質問 ｍｋ２ https://wp-cocoon.com/community/cocoon-theme/%e3%80%902%e5%9b%9e%e7%9b%ae%e3%80%91%e3%82%a2%e3%83%95%e3%82%a3%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%88%e3%83%aa%e3%83%b3%e3%82%af%e3%81%a0%e3%81%91%e3%81%abnofollow%e3%82%92%e4%bb%98%e4%b8%8e%e3%81%97/#post-73773 RE: 【2回目】アフィリエイトリンクだけにnofollowを付与したいのですが… https://wp-cocoon.com/community/cocoon-theme/%e3%80%902%e5%9b%9e%e7%9b%ae%e3%80%91%e3%82%a2%e3%83%95%e3%82%a3%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%88%e3%83%aa%e3%83%b3%e3%82%af%e3%81%a0%e3%81%91%e3%81%abnofollow%e3%82%92%e4%bb%98%e4%b8%8e%e3%81%97/#post-73772 Sat, 09 Sep 2023 10:05:39 +0000 @mk2_mk2 様

ご確認いただきましてありがとうございます。

添付の通り、ボタンブロックの大きいサイズを使用しております。よろしくお願いいたします。

]]> Cocoonテーマに関する質問 keity https://wp-cocoon.com/community/cocoon-theme/%e3%80%902%e5%9b%9e%e7%9b%ae%e3%80%91%e3%82%a2%e3%83%95%e3%82%a3%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%88%e3%83%aa%e3%83%b3%e3%82%af%e3%81%a0%e3%81%91%e3%81%abnofollow%e3%82%92%e4%bb%98%e4%b8%8e%e3%81%97/#post-73772 RE: 【2回目】アフィリエイトリンクだけにnofollowを付与したいのですが… https://wp-cocoon.com/community/cocoon-theme/%e3%80%902%e5%9b%9e%e7%9b%ae%e3%80%91%e3%82%a2%e3%83%95%e3%82%a3%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%88%e3%83%aa%e3%83%b3%e3%82%af%e3%81%a0%e3%81%91%e3%81%abnofollow%e3%82%92%e4%bb%98%e4%b8%8e%e3%81%97/#post-73768 Sat, 09 Sep 2023 08:51:08 +0000 keityさん

「このブロックには、想定されていないか無効なコンテンツが含まれています。」

これが表示されるということは、ブロックエディタをご利用かと思います。

ボタンリンクにしている箇所

上記は、どのブロックなのでしょうか。

編集画面などのキャプチャ画像（スクリーンショット）などいただけますと、より伝わり易いかと思います。

]]> Cocoonテーマに関する質問 ｍｋ２ https://wp-cocoon.com/community/cocoon-theme/%e3%80%902%e5%9b%9e%e7%9b%ae%e3%80%91%e3%82%a2%e3%83%95%e3%82%a3%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%88%e3%83%aa%e3%83%b3%e3%82%af%e3%81%a0%e3%81%91%e3%81%abnofollow%e3%82%92%e4%bb%98%e4%b8%8e%e3%81%97/#post-73768