本文へ移動
リライトレーダーRewrite Radar
メニュー

公開

ブログカードとテキストリンクはどっち?内部リンクの見せ方と、表示されないときの確かめ方

ブログカードとテキストリンクは、次の1本を目立たせたいか、文の流れの中で補足したいかで選びます。どちらでもリンクの文字がGoogleにリンク先の情報を伝えると公式に書かれているので、カードのリンクにどの文字が入っているかをソースで確かめる手順と、カードが表示されないときに見る場所をまとめました。

この記事のまとめ

ブログカードは、リンク先の記事のタイトル・画像・抜粋などを枠に入れて見せるリンクの見せ方です。テキストリンクとどちらにするかは、読者に次の1本を目立たせて渡したいならカード、文の流れの中で補足として渡したいならテキストリンク、と私は読者の目的で選んでいます。どちらの見せ方でも、Google の公式ドキュメントは、リンクの <a> 要素の間の文字(アンカー テキスト)がリンク先の情報を伝え、画像のリンクでは alt 属性がその役をすると書いています。だから、ブログカードを使うときは、記事ページのソースで、カードのリンクの中にどの文字が入っているかを確かめます。

URL を貼ったのにカードにならないときは、(WordPress の埋め込みなら)URL を独立した行に書いているか、リンク先が公開されているか、リンク先の OGP のタグが出ているか、テーマやプラグインのカードの設定、の順に確かめます。「ブログカードにすると SEO に効く」「効かない」という記述は、この記事で読んだ公式のページには見つかりませんでした。

内部リンクを貼ろうとして、URL を貼ってカードで見せるか、文の中にテキストリンクで入れるかで手が止まる。ブログカードのほうが押されそうに見えるけれど、記事の中がカードだらけになるのも気になる。「ブログカードは SEO に効かない」という話も見かけた。そして、URL を貼ったのにカードにならず、URL の文字のまま表示されている。そんな人に向けて書いています。

先に答えを書くと、私は見せ方は読者の目的で選び、どちらにしても、リンクの文字に何が入っているかを記事ページのソースで確かめています。Google がリンクについて何を手がかりにすると書いているかを公式の原文で確かめ、カードのリンクのソースの読み方と、カードが表示されないときに見る場所をまとめます。読み終えるころには、手元のブログカードがリンクとしてどう書かれているかを、自分で確かめられるはずです。

次に直す記事を自分のデータで調べる

Search ConsoleのZIPを読み込むと、候補の判定と1記事分の診断カードを無料で確認できます。登録は不要です。ZIPが無い場合は、診断カードの見本を確認できます。

結論: 見せ方は読者の目的で選び、リンクの文字はソースで確かめる

ブログカードかテキストリンクか、という問いには、私は2つに分けて答えています。

  • 見せ方: 読者に何をしてほしいかで選ぶ。次に読んでほしい1本を目立たせるならカード、文の途中で補足として渡すならテキストリンク(これは私の判断です)
  • リンクの中身: どちらの見せ方でも、Google が手がかりにするのは <a> 要素の間の文字や画像の alt。カードの見た目にタイトルが出ていても、それがリンクの中に入っているとは限らないので、ソースで確かめる

カードの見た目と、リンクとしての中身は別のものです。画面にタイトルや抜粋が大きく出ていても、HTML の上ではリンクの中が空で、タイトルはリンクの外に置かれている、という作りもありえます。見た目だけで決めずに、ソースで中身を見る。これがこの記事でいちばん伝えたいことです。

ブログカードとは: リンク先の情報を取ってきて枠で見せるリンク

ブログカードは、記事の中に URL を貼ると、リンク先のタイトル・アイキャッチ画像・抜粋・サイト名などが入った枠として表示される見せ方です。「ブログカード」は特定の規格の名前ではなく、テーマやプラグイン、ブログサービスがそれぞれの作りで出している表示の呼び名です。そのため、どこから情報を取ってきて、どんな HTML で出しているかは、使っている道具によって違います。

WordPress 本体にも、URL を貼るとリンク先の中身を記事に埋め込む機能があります。WordPress.org の日本語のドキュメントオブジェクトの埋め込みは、その仕組みの oEmbed を次のように説明しています。

oEmbed は、A というサイト (例えばあなたのブログ) が B というサイト (例えば YouTube) に、コンテンツ (例えば動画) を埋め込むために必要な HTML を問い合せるためのプロトコルです。

つまり、埋め込みで出てくる枠は、自分のブログが、リンク先のサイトに「埋め込むための HTML」を問い合わせて、返ってきたものを表示している、という作りです。同じページには、次の一文もあります。

バージョン4.4時点で WordPress は oEmbed 自動探知 (discovery) をサポートしていますが、ホワイトリストに登録されていないサイトから埋め込めるコンテンツの種類には厳しい制限があります。

ただし、この日本語のページは英語版より古い訳です(ページのメタ情報の更新日時は2021年6月)。英語版のEmbeds(最終更新 2026年4月15日)には、今は oEmbed の仕組みの説明が無く、変更履歴に "Removed oEmbed info and Usage info." とあります。英語版の中心は、WordPress 5.0 以降のブロックエディターで埋め込みブロックに URL を貼る説明と、次の一文、それに埋め込める先の一覧(その中に "WordPress" の行もあります)です。

When you are embedding content, you don’t need to upload the content to your WordPress site. You are creating a link to the content, from within your post or page.

一方、テーマやプラグインが出すブログカードは、WordPress 本体の埋め込みを使わずに、自分の記事ならブログの中の記事のデータから、外のサイトならリンク先のページのタイトルや OGP のタグ(og:title・og:image など)から作る作りのものもあります。どの作りかは、使っているテーマやプラグインの説明書で確かめてください。この記事では、特定のテーマやプラグインは勧めません。

作りが道具ごとに違うからこそ、次の節で書く「ソースで確かめる」が効きます。説明書を全部読まなくても、出来上がった記事ページの HTML を見れば、リンクとしてどう書かれているかは分かります。

Google はリンクの何を手がかりにするか: 公式に書かれている範囲

2026年10月9日に、Google 検索セントラルのGoogle の SEO リンクに関するベスト プラクティスを日本語版と英語版で読みました。リンクの文字(アンカー テキスト)については、次のように書かれています。

アンカー テキスト(リンクテキストとも呼ばれます)は、テキストとして表示されるリンクです。このテキストはユーザーや Google に対して、リンク先のページについての情報を伝えます。Google がクロール可能な <a> 要素の間にアンカー テキストを配置します。

英語版は "Place anchor text between <a> elements that Google can crawl." です。ブログカードに当てはめるときに大事なのは、リンクの文字は <a> と </a> の間にあるもの、という書き方です。同じ節には、リンクの中が文字でない場合についても書かれています。

なんらかの理由で <a> 要素が空になっている場合、代わりに title 属性の値がアンカー テキストとして使用されることがあります。

画像をリンクとして挿入している場合、Google は img 要素の alt 属性をアンカー テキストとして使用するため、画像の説明となる代替テキストを追加してください。

JavaScript を使用してアンカー テキストを挿入している場合、URL 検査ツールを使用して、レンダリングされた HTML にアンカー テキストが存在することを確認します。

また、リンクとしてたどれる形については「通常、リンクが href 属性を持つ <a> HTML 要素(アンカー要素とも呼ばれます)である場合のみ、Google はリンクをクロールできます。」とあります。

このページには「カード」という語は、日本語版にも英語版にも出てきません。iframe(ページの中に別のページを表示する枠)の中のリンクの扱いも書かれていません。ブログカードのほうがテキストリンクより有利、または不利、という記述もありませんでした。公式から言えるのは、カードでもテキストでも、href のある <a> の中に、リンク先を説明する文字(画像なら alt)があるか、というところまでです。リンクの文字をどう書くか(「こちら」を避ける、など)はアンカーテキストの書き方、内部リンクは「詳しくはこちら」では押されないに書きました。

ブログカードのリンクに何の文字が入っているかを、ソースで確かめる手順

特別な道具は要りません。パソコンのブラウザで、ブログカードを置いた記事を開いて、次の順に見ます。

  1. 記事ページを、ログインしていない状態で開く。編集画面やプレビューではなく、公開されている URL で見ます。
  2. ソースを表示する。ページの上で右クリックして「ページのソースを表示」を選ぶか、アドレス欄の URL の先頭に view-source: を付けて開きます。
  3. ページ内検索で、カードのリンク先の URL を探す。見つかった href="…" を含む <a から、対応する </a> までの間に何が入っているかを見ます。
  4. その URL が <a href として1つも見つからないときは、<iframe や、JavaScript で後から作られている可能性を考える。ソースの表示は、ブラウザが JavaScript を動かす前の HTML です。開発者ツールの「要素」の画面(Chrome なら右クリックの「検証」)では、JavaScript が動いたあとの形を見られます。

たとえば、カードの中身がまるごとリンクの中に入っている作りなら、ソースは次のような形になります(説明用に私が書いた例で、特定のテーマの出力ではありません)。

<a href="https://example.com/naibu-link/" class="card">
  <img src="…/thumb.jpg" alt="">
  <span class="card-title">内部リンクを貼る場所の探し方</span>
  <span class="card-excerpt">伸ばしたい記事を先に決めて…</span>
</a>

この形なら、<a> と </a> の間に、リンク先の記事のタイトルと抜粋の文字が入っています。一方、次のようにリンクの中が空で、タイトルはリンクの外の別の要素に書かれている作りなら、画面ではカードにタイトルが見えていても、リンクの中には文字がありません。

<a href="https://example.com/naibu-link/" class="card"></a>
<div class="card-body">内部リンクを貼る場所の探し方</div>

見えた形ごとに、公式に書かれている範囲と、私がやることを表にしました。

ソースで見えた形公式に書かれている範囲私がやること
<a> の中にリンク先のタイトルなどの文字がある<a> 要素の間の文字がアンカー テキストリンク先のタイトルが入っていれば、私はそのままにしている。公式は良いアンカー テキストを「内容が具体的で、適度に簡潔で」と書いているが、カードの中の長さはテーマの作りで決まるので、ここでは文字があることを確かめるところまでにしている
<a> の中が画像だけimg 要素の alt 属性がアンカー テキストとして使われるalt が空なら、テーマやプラグインに代替テキストの設定があるかを見る。無ければテキストリンクを添える
<a> の中が空空のとき、title 属性の値が使われることがある(「ことがあります」の書き方)カードの横か直前の文に、リンク先のタイトルのテキストリンクを置く
<a href が無く、<iframe> の中にカードがあるリンクのベスト プラクティスのページには、iframe の中のリンクの記述が無い扱いが分からないので、本文に同じリンク先へのテキストリンクも置く
ソースには無く、開発者ツールで見ると <a> があるJavaScript で入れているなら、URL 検査ツールでレンダリングされた HTML にアンカー テキストがあるかを確かめるSearch Console の URL 検査で、その記事のレンダリング後の HTML にリンクと文字が出ているかを見る

右の列は私のやり方で、Google がそうしろと書いているわけではありません。迷ったときに私がテキストリンクを添えるのは、テキストリンクなら <a> の間に文字があることを、自分で書いて確かめられるからです。

ブログカードとテキストリンクの使い分け: 読者の目的で選ぶ

ここからは私の判断です。上で書いたとおり、公式にはカードとテキストのどちらが良いとも書かれていないので、読者にとってどちらが目的に合うかで選んでいます。

読者に渡したいもの私が選ぶ見せ方理由
この記事を読んだ人に、次に読んでほしい1本ブログカード画像とタイトルで目に留まり、どんな記事かが押す前に分かる
文の途中で、詳しい説明を別の記事に任せる補足テキストリンク直前の文が押す理由になり、読む流れが切れない
同じ段落で、いくつかの記事を並べて紹介するテキストリンクカードを続けて並べると縦に長くなり、スマホでは本文がなかなか出てこない
手順の途中で、前提になる記事を読んでから戻ってきてほしいどちらでもよい。私はカードにすることが多い読み飛ばされたくないので目立たせる

カードは目立つぶん、画面の場所を取ります。スマホではカード1枚で画面の大きな部分を占めることがあり、続けて置くと、読者は本文の続きを探してスクロールすることになります。私は、カードは1記事に数枚まで、文の中で渡せるリンクはテキストリンクにしています(枚数は私の目安で、決まった数ではありません)。

どちらの見せ方でも、本文のどこに置くかと、何本まで貼るかの考え方は同じです。貼り元の探し方と、本文中に置く位置は内部リンクはどこに貼るか、記事末尾のリンク集より本文中が押されるに書きました。カードを置くときも、その直前に「なぜこの記事を読むとよいか」の1文があると、押す理由ができると私は考えています。

直す記事と作業内容を決める

Search ConsoleのZIPを読み込むと、候補の判定と1記事分の診断カードを無料で確認できます。登録は不要です。ZIPが無い場合は、診断カードの見本を確認できます。

ブログカードが表示されないときの確かめ方

URL を貼ったのに、カードにならず URL の文字のまま出る、カードの枠は出るが画像やタイトルが空、という場合は、次の順に確かめます。順番は私が疑う順で、テーマやプラグインによっては当てはまらないものもあります。

1. URL の書き方: 独立した行に、リンクにせずに貼っているか

WordPress の埋め込みについて、上の日本語のドキュメントには次の注意があります。

URL は独立した行に書くこと、(投稿表示時にクリックできるような) ハイパーリンクにしないこと、の2点に注意してください。

WordPress が URL を使ってメディアを埋め込むことができなかった場合は、URL のハイパーリンクが表示されます。

前に書いたとおり、これは英語版から説明が削られた古い訳の記述です。今のブロックエディターでは、埋め込みのブロックや、テーマ・プラグインのカード用のブロックに URL を入れる作りもあります。英語版の Embeds にも、次のようにあります。

Using the generic Embed Block, you can paste the URL from the third-party site that you want to embed the content such as YouTube, Vimeo, TED, etc on your post or page.

それでも、文の途中に URL を書いていないか、URL がリンクになっていないかは、最初に見る価値があると私は考えています。カードにならずに URL のリンクとして出ているのは、上の2つ目の文の「埋め込むことができなかった場合」に当たる形です。

2. リンク先: 公開されているか、URL が正しいか

リンク先が下書き・非公開・予約投稿のままだったり、URL を変えたあとの古い URL を貼っていたりすると、カードの材料が取れません。リンク先の URL を、ログインしていないブラウザで開いて、記事が表示されるかを確かめます。

3. 画像やタイトルが出ない: リンク先の OGP とアイキャッチ

カードの枠は出るのに画像が空、どの記事でもサイト共通の画像になる、という場合は、リンク先の記事にアイキャッチが設定されているかと、リンク先のページのソースに og:image などの OGP のタグが出ているかを見ます。外のサイトのカードを OGP から作る作りなら、リンク先がタグを出していなければ材料がありません。ソースで og:image を探す手順と、見つかった状態ごとに直す場所はOGPとは?Xでブログのアイキャッチが表示されないときの確かめ方に書いたので、ここでは繰り返しません。

外のサイトへのカードで、リンク先のサイトが OGP を出していないときは、自分のブログの側では直せません。その場合は、カードをやめて、リンク先の名前を書いたテキストリンクにするのが早いと私は考えています。

4. テーマ・プラグインの設定

ここまでで問題が見つからなければ、テーマやプラグインのブログカードの設定を見ます。内部リンクだけカードにする、外部リンクはカードにしない、といった切り替えがある道具もあります。テーマを替えた直後に出なくなったなら、前のテーマの機能やショートコードでカードを作っていた可能性があります。どの設定がどう効くかは道具ごとに違うので、使っているテーマやプラグインの説明書で確かめてください。

5. 直したのに古い見た目のまま

リンク先のアイキャッチやタイトルを直したのに、カードが古いまま、ということもあります。カードの情報を一度取ってきて保存しておく作りのものなら、そのせいかもしれません。保存した情報を取り直す方法があるかは道具によって違うので、ここでは手順として書きません。説明書に、キャッシュの削除や再取得の項目があるかを見てください。

よくある質問

ブログカードにすると SEO に効きますか。効かないと聞きました

どちらとも書かれた公式の記述は、この記事で読んだページには見つかりませんでした。リンクのベスト プラクティスのページには「カード」という語が日本語版・英語版とも出てこず、書かれているのは、href のある <a> 要素であることと、その間の文字(画像なら alt)がリンク先の情報を伝える、というところまでです。なので私は、効く・効かないではなく、カードのリンクの中に、リンク先を説明する文字があるかを確かめるようにしています。

ブログカードとテキストリンクを、同じ記事へ両方貼ってもいいですか

禁止する記述は、読んだページにはありませんでした。私は、カードのリンクの中が空だったり、iframe の中にしか無かったりする場合に、文の中に同じリンク先へのテキストリンクを添えています。ただ、同じリンクが続けて並ぶと読者には重複に見えるので、カードの直前の1文の中にリンクを入れる、のように1か所にまとめるようにしています。

外部サイトへのリンクもブログカードにしていいですか

見せ方としては、内部リンクと同じく読者の目的で選べばよいと私は考えています。ただ、外部サイトのカードは、リンク先のサイトの OGP などの出し方次第で、画像やタイトルが出ないことがあり、自分の側では直せません。出ないときはテキストリンクにしています。外部のサイトの画像や文章をカードに表示することについての規約や権利の判断は、この記事ではしません。外部リンクに rel を付けるかどうかは、外部リンクを貼ると評価は減る?内部リンクとの違いと貼ってよい条件に書きました。

カードの画像の alt が空になっています。直したほうがいいですか

リンクの中が画像だけなら、公式は「img 要素の alt 属性をアンカー テキストとして使用する」と書いているので、空のままだとリンクの中に説明の文字がない状態です。リンクの中にタイトルの文字も入っている作りなら、そちらが <a> の間の文字になります。どちらの形かは、上の手順でソースを見て確かめてください。

まとめ

  • ブログカードは、リンク先のタイトル・画像・抜粋などを枠で見せるリンクの見せ方。作りはテーマ・プラグイン・ブログサービスごとに違い、WordPress 本体の埋め込み(oEmbed)は、リンク先に埋め込み用の HTML を問い合わせる仕組みと日本語のドキュメントに書かれている(英語版からは説明が削られている)
  • Google の公式は、<a> 要素の間の文字がリンク先の情報を伝え、空なら title 属性が使われることがあり、画像なら alt 属性が使われる、と書いている。カードとテキストのどちらが有利かは書かれていない
  • ブログカードを使うなら、記事ページのソースで、カードの <a> の中に文字があるか、画像だけなら alt があるか、iframe や JavaScript で作られていないかを見る
  • 見せ方は読者の目的で選ぶ。次に読んでほしい1本はカード、文の途中の補足や複数の紹介はテキストリンク(私の判断)
  • 表示されないときは、URL の書き方 → リンク先の公開状態 → リンク先の OGP とアイキャッチ → テーマ・プラグインの設定、の順に確かめる

この記事で引いた公式の情報は、Google 検索セントラルの「Google の SEO リンクに関するベスト プラクティス」(日本語版・英語版)と、WordPress.org の埋め込みのドキュメント(日本語版・英語版)です。いずれも2026年10月9日に取得し、引用は原文と照合しました。WordPress の日本語版は英語版より古い訳で、oEmbed と URL の書き方の説明は日本語版にだけ残っています。ソースの例は説明用に私が書いたもので、特定のテーマやプラグインの出力ではありません。


カードやリンクをどの記事へ向けるかを決めるとき、私は検索結果にすでに表示されているのに、順位のわりに押されていない記事を先に見ます。リンクで読者を送っても、その記事が検索で読まれる形になっていなければ、もったいないからです。以下は、すでに届いている記事のほうだけを扱う、私が作った有料ツールの宣伝です。

サーチコンソールのエクスポートをZIPのまま置くだけで、4.0〜20.5位のページを、表示回数100回以上は通常判定、30〜99回は参考判定、30回未満は本文中心の監査に分け、この順に、同じ区分の中ではCTR機会差(表示回数 × (期待CTR − 実CTR)で出す「回相当」の数)の多い順に並べて出します。 判定と候補3記事のCTR機会差の確認、そのうち1記事分の診断カードまでは無料です。有料は2,980円(税込)の買い切りで、無料の1件を除いた3記事分の診断カードが対象です。3記事分が揃うとき(判定に出た候補が4件以上のとき)だけご案内します。生成の利用期限は購入から7日間で、月額課金や自動更新はありません。ログインも不要です。 CSVファイルそのものはブラウザの外に出ませんが、診断カードを出すときは選んだ1ページぶんの数値(URL・キーワード・順位・表示回数・CTR)を、タイトル取得を押したときは最大10件のURLを送ります。

⚠️ このツールは、記事の中のリンクもブログカードも調べません。内部リンクがどこに貼られているか、アンカーテキストに何が入っているか、カードが表示されているかは見ません。読み込むのは Search Console の検索パフォーマンスのページのCSVで、検索結果での表示回数・クリック数・掲載順位をもとに判定します。カードのリンクの中身は、この記事の手順でソースから確かめてください。掲載順位4.0〜20.5位に入るページが無いブログでは、候補が0件になることがあります。順位やクリック数が上がることを約束するものでもありません。

Search ConsoleのZIPで無料判定する

Search ConsoleのZIPを読み込むと、候補の判定と1記事分の診断カードを無料で確認できます。登録は不要です。ZIPが無い場合は、診断カードの見本を確認できます。

この記事の内容をツールにしています

Search Console の「ページ」CSVを貼ると、改善余地のある記事を順番に出します。 判定とご自分の記事1件分の診断カードは無料です。ログイン不要。CSVファイルはアップロードせず、ブラウザ内で解析します。

リライトレーダーで無料診断する

関連する記事

この記事を書いた人

みやこし

ブログのリライトで「どの記事を直すか」を数字で決めるSEOライター向けツールを作っています。 掲載順位ごとの平均クリック率、AI Overviewによるクリック減の補正、タイトルの直し方など。

noteQiitaZenn

ブログの一覧に戻る