唐突に「ブログカードって何?」って聞かれて答えられますか?
筆者は、仕事柄よく利用しているので答えられますけど
今回は、そのブログカードに関することについて掘り下げてみます。
知っているとお友達の記事を自分のブログで紹介する時に便利ですね
クイックナビ
サービス /ブログ /プライバシーポリシー /お問い合わせ
ブログカードとは
ブログカードとは、テキストリンクをより魅力的に読者に伝えるアイテムの1つという認識を筆者は、持っておりブログシステムの中でもその表現法は様々です。
下記は、はてなブログではてなブログHELPページに記載されていることを抜粋しました。
「ブログカード」とは、ブログに掲載したい記事のタイトルや概要、アイキャッチ画像などを読みやすくまとめて表示する埋め込み形式です。
はてなブログで「リンク挿入」機能を利用する際に、さまざまなWebページを、タイトルや概要がコンパクトにまとまった ブログカードの形式で埋め込むことができます。
上記のように考え方は、そう大きく変わらないのですが表現方法については様々で人のやり方やブログシステムの違いなどを詳しく見ていくと勉強になることも多いですね。
今回は、WordPressとアメブロとはてなブログで比べてみたいと思います。
WordPressの場合のブログカード
WordPressでの「ブログカード」では基本的にその機能が100%同じではないですがあるのです。
アドレスだけで自社サイトの記事などを表示したりWordPRess.orgの記事などをブログカード形式で表示できたりします。
参考:https://wp908.com/2021/01/09/blogcard/ 簡単なのですが、下記の項目に注意していただく必要があります。
- WordPress のバージョンが 4.4以降であること
- URL は 1行に 1 URLを記述すること
- URL の前後には余分なテキストや空白を挿入しないこと
- 自サイトのURLもしくはWordPRess.orgのサイトであること
ただこれだと他社のサイトなどをリンクした時にブログカードになりませんね
そのために2つの方法でブログカードを作ることが可能です。
TCDのテーマがそんな感じですね。
上記のように表示され同じドメインでないとOGP画像の取得ができてないように思いますね。
このようにテーマでブログカードが用意されている場合もあるのです。
プラグインを使ったブログカード
「ブログカード wp プラグイン」でGoogleで検索すると高い確率でPz-HatenaBlogCardが表示されています。
くまはちLABの自社サイトでも利用させていただいてます。
はてなブックマーク風の表示法方が特徴です。
はてなブックマークの数やTweet数が表示されることがあります。
新しい後継のプラグインが公開されているのでそれを使う方がいいかもしれません。
Pz-HatenaBlogCardを使っていた方はタグの入れ替えなどしなくてもプラグインをインストール有効化した後にPz-HatenaBlogCardを無効化するだけでそのまま利用できます。
設定は、管理画面の設定メニューの中に組み込まれています。
プラグインなしでブログカードを挿入する方法
ちょっと難易度高いですが、プラグインを使わずにブログカードを実装することもできます。
これは直接テーマを触ることになるために子テーマの使用をオススメいたします。
実際に触るファイルは2つです。
functions.php と style.css ですが、下記の記事を参考にしてください。
参考:https://wp908.com/2021/01/09/blogcard/
WordPressのブログカードについて紹介しましたが、オススメはプラグインを使ったブログカードです。
カスタマイズする時間は、本業に費やした方がいいですね。
筆者の考え方は、下記の記事の通りなので・・・
アメブロのブログカード
アメブロのブログカードは以前にも書いた記事があるのですが、WordPressやはてなブログと比較するとやたらタグが長くなるということです。
これは増えたとはいえHTMLタグを含む文字数制限のあるアメブロでは多用できないということです。
WordPressやはてなブログではiframeタグを使って短くまとめられていますね。
詳しい内容は、下記の記事を参考にしてください。
アメブロ関連ツール
アメブロ 目次付きテンプレート使っている記事紹介
ブログをはじめる前にしておくこと
記事を書くときに気をつけること
- レスポンシブデザインって何?
- 端末やモニターによる見え方の違い
- SSLにしたときのリンク先アドレス
- 入力方法について
- 音声入力と辞書登録について
- タグやハッシュタグの使い方
- アメブロやFC2ブログでのスマホ表示
- 初心者が今すぐできるブログ記事タイトルの5つの改善ポイント
- ブログの中でOGP画像って何?
- アメブロ記事の文字数制限について
- アメブロで記事下に表示したい項目
- アメンバー記事ってどんな時に使うのか?
記事構成について
ソーシャルメディアとの連携
ワードプレスのテーマを知る前にブログのことも知っておいてほしいと思います。
クイックナビ
サービス /ブログ /プライバシーポリシー /お問い合わせ
![目次付きテンプレート](https://stat.ameba.jp/user_images/20191224/20/wp908kobe/65/6e/p/o0300014014684285651.png?caw=800)
アメブロ用目次付きテンプレートを無料で配布しています!
![YouTubeチャンネル登録](https://stat.ameba.jp/user_images/20190111/05/wp908kobe/13/dc/p/o0750033214336860263.png?caw=800)
YouTubeチャンネル登録お願いします!
また、ALiSには、ブログ全般に関することを掲載しています。
アメブロの記事の増加とともにメルマガもスタートします。スタートは、2月の予定なので事前に登録していただけると幸いです。
![メルマガ](https://stat.ameba.jp/user_images/20190111/05/wp908kobe/e3/16/p/o0640024614336861785.png?caw=800)
アメブロやWordPressに関するお問い合わせは、下記よりお気軽に・・・
![お問い合わせ](https://stat.ameba.jp/user_images/20190111/05/wp908kobe/e5/67/j/o0650025414336861024.jpg?caw=800)