備忘録_42 / cocoon_09
検索エンジンのクローラーは、リンクを辿りながら情報をインデックス化していきます。
この為、自サイト内のページを繋ぐ内部リンクをしっかり整える事は「クローラーの巡回しやすさ」
即ちサイトの評価アップを高めます。
お越し下すったクローラー様に全ページをくまなく網羅して行ってもらう為のSEO対策になる目論見です！
今回のミッション概要
[図1]
現在の私の備忘録（仮）の様子です。
WordPressは「ブログカード（Embedカード）」なる設計概念が存在します。
記事を作成して投稿しますと、メインカラムに
eyecach＋記事タイトル＋記事頭3行
までをワンセットにカード形式で表示されます。
[図2] ①の部分
何の目的か知りませんが「固有結界」なるメニューが追加されております。
こちらの記事は固定ページで作成したもので、通常のブログ投稿記事とは別扱いになりカテゴリー分けが出来ずブログカードが作成されません。
そこで見栄えを同じにするために内部ブログカードを利用して[図1]に似せたページレイアウトを作りました。
今回の記事を読むとブログカードが扱える様になります。
ブログカードとは？
oEmbed は、Aというサイト (例えばあなたのブログ) がBというサイト (例えば YouTube) に、コンテンツ (例えば動画) を埋め込むために必要な HTML を問い合せるためのプロトコルです。
―― ちょっと何を言っているのか全然分からない…。
要するにoEmbedは、掲載したい記事のタイトルや概要、アイキャッチ画像などを「自動取得」して読みやすくコンパクトにまとめて埋め込み形式で表示してくれます。WordPressのみならずさまざまなWebサイト（YouTube・Facebook・Twitter・Reddit・Hulu）に対応しており、ブログカードの形式で埋め込むことができます。
尚、WordPress4.4からプラグインを使わずとも標準で使える様になりました。
embed【embéd】 大学以上の水準 レベル：8
動詞 はめ込む、埋める、(…を)深く留める、(…を)埋め込む
via:weblio英和辞典_embed
ブログカードの設定方法
1⃣ Cocoon設定よりブログカードを有効にする。
[図3]
以下、cocoonでの説明になります。
内部リンクブログカードは「①Cocoon設定→②ブログカード」タブにある「③内部ブログカードの設定」から変更することが可能です。
「リンクの開き方」や「サムネイルの位置」変更は可能ですのでまた試してみてください。
デフォルト設定で③ブログカード表示を有効にする。✓チェックが付いていると思いますが念の為ご確認下さい。
サムネイルスタイル ：
日付表示：
リンクの開き方：
ブログカード内のサムネイルを右に置くか、左に置くかの設定です。
ブログカードに表示する日付を設定します。
ブログカードをクリックした際に、新しいタブで開くか、同じページ内で開くようにするかを選ぶことができます。
最後は忘れずに、 [変更をまとめて保存] をクリックして下さい。
ブログカードの挿入方法
1⃣ クラッシクエディターを使う場合
[図4]
ブログカードを表示させる方法は簡単でクラッシクエディターにゴリッとURLを貼るだけです。
[図5]
上手く行くと下の様にブログカードが表示されます。こちらはCocoonマニュアルの外部リンクカードです。
2⃣ グーテンベルグエディターを使う場合
[図6]
① ブロックの追加より、
エディターメニューを表示する。
② COCOONブロックの項目まで
下にスクロールさせます。
③ ブログカードのアイコンを
クリックします。
[図7]
④ リンク Ctrk+K のアイコンを
クリックします。
⑤ ボックスに対象のURLを
入力します。
以上です。
以下スタイルの設定も出来ます。
お好みでお使い下さい。
[図8]
⑥ カード上にラベルを
表示させることが出来ます。
⑦ スタイル設定より、
ラベルを選んで下さい。
[図9]
参考までに、下に表示されている
内部カードは [関連記事] のラベル
を付けて見ました。
ブログカード使用上の注意
巷ではテキストリンクを使うよりブログカードの方がSEO的には効果があると言われてます。
それは良いにしてもユーザビリティに疑問符が残ると私は思っております。
ブログカードは、既に「最近の投稿」「関連記事」「トピック」等で同ページ内に複数枚使われており、アフィリエイト目的のサイトとなるとただでさえ広告だらけで記事本文がどこに在るかすら分かり難い事に加え、PVアップのため更にブログカードで他ページへ誘導リンクを貼るとなると、むしろユーザビリティを阻害する事になりかねません。
一般に投稿記事数が増える程、記事間を横断して読まれるケース（リピート客）も増える傾向にありますが、過多な情報の提示、選択肢の提示は記事本文よりユーザーの興味を他に移してしまいまい、現在閲覧しているそのページの滞在時間を下げてしまいす。
確かに内部ブログカードを使う方が見た目情報量が多く華やかに見栄えしますが、多用し過ぎると現在ご利用中のブラウザがフェッチにリソースを割くぶん表示がもっさり重たくなります。そうした理由から通常はテキストリンクを用いた上で、とは言え何かと便利なので内部ブログカードは限定効果的に使い、外部リンク対応ブログカードは要所で使う方が良いでしょう。
EyeCatch画像：星宝転生ジュエルセイバー/ブリリアントサービス