【 Akira風ブログカード 】の誤った使い方には気をつけましょう

2018年12月03日
10
0
Akira風ブログカード

ご注意: 2018/12/06 09:00
弊記事は「Akira風ブログカード」以外のブログカードシステムには関わりませんので、誤解のないようご注意下さい。

弊ブログではよく「ブログカード」を記事に貼って、リンク先記事をビジュアル的に表現しております。
弊ブログでのアクセス解析的には、文字列だけのリンクとブログカードでのリンクの、クリック率の優位的差異はハッキリしません(笑)

ブログカードには「はてなブログカード」や「Embedly」の有名処を筆頭?に多種類存在しているんですが、弊ブログで利用させて戴いているものは、他のブログカードと一線を画す為に、筆者が勝手に「Akira風ブログカード」と銘打っている、筆者のWeb知識の師であるAkira先生が開発されたブログカードシステムです。

その記事にこのAkira風ブログカードを張ると、、、


ブログカードのブックマークレットを作成しました

SSL化後の悩ましい作業のひとつ。 ブログカード これまで Embedly を使ってきましたが、仕様がかなり独特なんですよね (´・ω・`) 画像や記事概要など、必ずしもOGPに従っているわけではないもので。 かといって はてなブログカード はSSLに対応できてないですし。...


このように表現出来る訳なんですが、文字列リンクだけと比べてとてもビジュアル的でしょ?(笑) ですから、いまブログカード利用者はうなぎ登りの勢いで増殖している様子なんです。

このAkira風ブログカードはカスタマイズ性がとても高くて、他のブログカードシステムと違って容易にそれが出来てしまうものですから、筆者自身も多彩なカスタマイズを楽しんで、それぞれのカスタマイズ方法の記事も書いて来ておりますが、下記ブログカードもそのカスタマイズの一例です。(背景色をグラディエーションにして、マウスを乗せるとふわ~っと変色(この効果を作り出すことにも苦労しましたが(笑))し、カードの何処をクリックしてもリンク先に遷移出来る)


ブログカードのブックマークレットを作成しました

SSL化後の悩ましい作業のひとつ。 ブログカード これまで Embedly を使ってきましたが、仕様がかなり独特なんですよね (´・ω・`) 画像や記事概要など、必ずしもOGPに従っているわけではないもので。 かといって はてなブログカード はSSLに対応できてないですし。...


こんなに楽しく利用出来るAkira風ブログカードなんですが、実は、その利用方法を誤っているブロガーさんがけっこう見受けられて「そういう誤った利用の仕方はSEOによくないぞ~!」と言う思いから、この記事を書くことに致しました (^^ゞポリポリ

Akira風ブログカードには2種類ある んですが、下図スクショをご覧下さい!

上のスクショは、記事冒頭のAkira風ブログカードの記事内にある部分をスクショにしたものですが、そこに、、、

  1. 通常版ブログカード( 自身のサイト内での利用など
  2. 引用版ブログカード( 第三者のサイトからの引用

の2種類が明記されていることが分かると思いますし、それぞれの利用の仕方の違いもハッキリと明示されております。
筆者は、上記2種類を使い分けられるように、ブラウザChromeのブックマークバーの「フォルダ」には、下図のようにブックマークレット登録してあって、簡単に使い分けられるようにしてあります。

ブックマークレット登録

この違いの意味を理解していない利用者さんが多いんです。

そう、他人のブログの記事の紹介なのに「通常版ブログカード」を誤って利用してしまっているブロガーさんが、とても目に付きます。

ブログカードでなくても、記事内に他人の記事を「引用」する場合には、必ずその部分を <blockquote>あいうえお、かきくけこ</blockquote> のように「引用タグではさむ」HTML構文ルールがあるんです、ですから、筆者が冒頭に貼りましたAkira風ブログカードのHTMLを表すと、、、


<div class="blogcard"><div class="blogcard-content"><div class="blogcard-image"><div class="blogcard-image-wrapper"><a href="https://vanillaice000.blog.fc2.com/blog-entry-583.html" target="_blank"><img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload" data-src="https://blog-imgs-114.fc2.com/v/a/n/vanillaice000/book-2435583_1280th.jpg" alt=""></a></div></div><div class="blogcard-text"><p class="blogcard-title"><a href="https://vanillaice000.blog.fc2.com/blog-entry-583.html" target="_blank">ブログカードのブックマークレットを作成しました</a></p><blockquote cite="https://vanillaice000.blog.fc2.com/blog-entry-583.html"><p class="blogcard-description">SSL化後の悩ましい作業のひとつ。 ブログカード  これまで Embedly を使ってきましたが、仕様がかなり独特なんですよね (´・ω・`) 画像や記事概要など、必ずしもOGPに従っているわけではないもので。 かといって はてなブログカード はSSLに対応できてないですし。...</p></blockquote></div></div><div class="blogcard-footer"><a href="https://vanillaice000.blog.fc2.com/blog-entry-583.html" target="_blank"><img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload" data-src="https://www.google.com/s2/favicons?domain=https://vanillaice000.blog.fc2.com/blog-entry-583.html" alt="">vanillaice000.blog.fc2.com</a></div></div>

このようになっておりますが、赤文字で記してある部分がその「引用タグ blockquote」で、自動抜粋されている要約記事がキチンとはさまれております。

この利用を誤って、第三者の記事を「通常版ブログカード」で表示してしまうと、Googleの巡回ロボット(Googlebot)は「 あっ! この文字列って、このブログの過去記事には存在してないよね~ これって他のサイトからの盗用だよね~! 」って判断をするんです、その結果「 この記事の信頼度は低い! 」とペナルティを付けて、検索順位を下げてしまうことが起こるんです {{{{(+_+)}}}}ぞぞぞ~~~

そして、それがブログ全体内に多くなってしまうと、今度は「 ブログそのものの信頼度が下げられてしまう 」ことに繋がってしまう訳です。

ブログカードではなくて、第三者の記事を引用するのに引用タグを用いずに、その文字列を斜体フォントにしたり枠線で囲う装飾表現をして「 引用したつもり 」になっているブログ初心者さんも多いんですが、これらもGoogle巡回ロボット(Googlebot)は「盗用」と判断します(爆)

実際、最近では「まとめサイト」のような悪質な盗用行為のあるサイトは、Googleの検索アルゴリズム変更により検索順位がド~ンと急降下しましたし、非表示になってしまったブラックサイトもあります(笑)

さて、この記事を読んでくださって「 あっ 思い当たるぅぅぅ 」というブロガーさんは、改めて記事冒頭のAkira風ブログカードをクリックして、Akira先生の解説記事を再確認して「引用ブログカード用のブックマークレット」をしっかり、あなたのブラウザのブックマークバーに登録して、このような誤りを起こさないようにしましょうね。

因みに、あなたのブログのどの記事でも良いんですが、そのタイトル文字全部を、Googleの検索窓にコピペして検索してみて下さい、それであなたのその記事が、1ページ目の一番先頭に表示されるか是非是非確認してみて下さい。
恐ろしいことに、それがまったくヒットしないブログも筆者は複数目撃しております、弊ブログを覗いてくださったことがあるブログでです (^^;; アセ

この引用の誤りに起因しているのかは筆者は知りませんし、他のもっと重大な要因が潜んでいるのかもしれません (^^ゞポリポリ


間違えてパパラッチされる女子

[ 間違えたの私じゃないんだし撮らないでよ! ]

ブログのスマホ表示速度分析は PSI が強力です!
Google PageSpeed Insights

ブログ内分析は GTmetrix が強力です!
GTmetrix

検索からの方はトップページへもどうぞ



関連記事
ぼっちん

Comments 10

There are no comments yet.

ジュレ  

お久しぶりです。

Akira風ブログカード・・リスペクトの意をこめて
そう呼ばせて頂きます。

確かに、Akira風ブログカードには2種類ありますね。

わたしが
引用版ブログカードを使った時に気付いたのは

blockquoteにスタイルを当てていると反映してしまい
カード自体のスタイルがAkira風ブログカード本来の
スタイルではなくなってしまう。

通常版ブログカードは別ウィンドウで、
自身の記事なのに別窓で開いてしまう。

そんな事かよ!・・ですが、
これって初心者にはどうなのでしょう・・。

わたし自身は面倒くさくて・・と言うと語弊がありますが、
通常版ブログカードを区別なく利用させて頂いていました。
(自身の記事は同ウインドウにカスタムして)

過去形なのは、

Akira風ブログカードを紹介した記事が
引用と区別していなかったので、

この記事は削除いたしました。

自身のブログでAkira風ブログカードの外部リンクは
全て削除いたしました。

自身の記事のご紹介のみ

Akira風ブログカード(通常版)を
利用させて頂いております。

正しい使い方が作者様への
いちばんの敬意だと反省しております。

2018/12/03 (Mon) 14:11
ぼっちん

ぼっちん  

To ジュレさん

ジュレさん、お久しぶりです~ コメントをありがとうございます ^^

blockquoteにスタイルを当てていると反映してしまい
カード自体のスタイルがAkira風ブログカード本来の
スタイルではなくなってしまう。

はい、それはあると思います。
利用テンプレート側のblockquote自体の背景色設定してあったり、背景画像を利用していたりすると、それが反映されてしまうことはあり得ます。
そんな場合にはカスタマイズの工夫も必要になることでしょう。

通常版ブログカードは別ウィンドウで、
自身の記事なのに別窓で開いてしまう。

えっ? それは私は全く違和感はないですよ (^^ゞポリポリ
私の場合は、ブログカードでなくても、自分のブログ内リンクでも target="_blank" で別窓で展開するように設定するのは普通に行っております。
何故なら、その方がその「別窓を閉じるだけ」のアクションで済むからでして、その方がブラウザ負荷が少なくて済むと思っておりますし、誤って閉じてしまったら、元の記事に戻れなくなってしまうからなんです。
ですから、私の場合というか好みで普段から target="_blank" を利用しておりますから、違和感は感じてないんですよね (^^ゞポリポリ
私がカスタマイズした「カードの何処をクリックしても遷移出来る」方法でも別窓で開くようにしてありますし ^^

Akira風ブログカードを紹介した記事が
引用と区別していなかったので、

この記事は削除いたしました。

自身のブログでAkira風ブログカードの外部リンクは
全て削除いたしました。

なんとまぁ、勿体なかったですねぇ、それでしたらデフォルトのままの「引用ブログカード」と差し替えたらよかったのではないでしょうか?
とは言ってももう削除なさったんでは仕方がないですけど (^^ゞポリポリ

カスタマイズはあくまでも利用者の任意行為ですから、上手く表現出来ない時は「諦めることも選択肢」って、私はいつもそんな風に楽しんでおりますけどね~ ^^

2018/12/03 (Mon) 15:56

mochi  

引用版ブログカードだけ使うというのもアリかと。

こんにちは。ぼっちんさん。

自ブログ版と引用版のブログカードですが、今回の件とは逆ですが僕もつい間違えて自ブログ記事へのブログカードなのに引用版のブックマークレットをクリックしてしまうことがよくあります。
自ブログの記事だろうと他の記事から「引用」しているという感覚が先走ってしまっているんだろうと思います。ニャハハ(*^▽^*)

ブログカードの使い分けが煩わしい・自信がないという方は、引用版ブログカードだけブックマークレットに登録しておき全て引用版ブログカードで対応するというのもアリだと考えています。
自ブログ記事概要に対して引用タグblockquoteを用いても評価的にマイナスになることはないと思ってます。
ブログカード概要の内容まで検索ワードとして認識させたいという人はほとんどいないでしょうし…たぶん。(;・∀・)

2018/12/03 (Mon) 21:31
ぼっちん

ぼっちん  

To mochiさん

mochiさん、おはようございます ^^

mochiさんのコメント読んで、また (〃^▽^〃)oあはははっ♪ って笑ってしまいましたよ(笑)
間違いじゃない発想ですよね~。
私も、ずっと以前にAkiraさんのテンプレートではない頃に、もっと過去の記事内容を用いるときに blockquote 使って装飾していたことがあったんです (^^ゞポリポリ
まぁ、当時は私のWeb知識もほんっとに初心者まるだしでしたから、それに「我ながら上手く表現出来たわい!」なんて悦に入っていたんでした(笑)

確かにそれってペナルティには該当しないですよね~ d(-_^)good!!

ブログカードの使い分けが煩わしい・自信がないという方は、引用版ブログカードだけブックマークレットに登録しておき全て引用版ブログカードで対応するというのもアリだと考えています。
(〃^▽^〃)oあはははっ♪ って笑いながら一票入れさせて戴きます~(笑)

そそそ、mochiさんから戴いた「引用ブックマークレット-mochi版」も重宝させて戴いておりますからね~(笑)

2018/12/04 (Tue) 07:44

まりも  

こんばんは〜

一年前にぼっちんさんからブログカードを教えていただきEmbedlyを使っていましたが、通常版と引用版があったのですね。
知らないものに手をつける時は、いろいろルールを学ばなきゃ、思わぬところでペナルティを受けるんだと勉強させてもらいました。
で、早速通常版でAkiraさんのブログを紹介していたものを削除(^^;;
これからは自分のブログだけにブログカードを使うことにしますね。

2018/12/05 (Wed) 21:38

きの  

まさにそれ、やっちゃってました^^;
通常版のブログカードを他サイトのリンク用に使ってました。
また一つ勉強になりました、ありがとうございますm(_ _)m
すぐ直してきます><

2018/12/05 (Wed) 21:45
ぼっちん

ぼっちん  

To まりもさん

まりもさん、おはようございます ^^

ところで、まりもさんったら、勘違いされちゃってますよ~ (^^;; アセ

まりもさんが普段からお使いの「Embedly」と、弊記事の「Akira風ブログカード」とはまったく別物でして、「Embedly」の場合にはブックマークレットは1種類しかありません。
「Embedly」は、システム的に自身の記事でも第三者の記事でも「外部ファイル」として同列に扱っておりまして、従って「Akira風ブログカード」のような「通常版・引用版」の概念を持たなくて、全てを引用版のような扱いになっているんです。

ですから

早速通常版でAkiraさんのブログを紹介していたものを削除(^^;;
これからは自分のブログだけにブログカードを使うことにしますね。


これは必要なかったんですよ~ (^^;; アセアセ
と言うか、まりもさんに勘違いさせるような記事になっていたようで、申し訳ございません m(_ _)m

2018/12/06 (Thu) 07:32
ぼっちん

ぼっちん  

To きのさん

きのさん、おはようございます ^^

おやまぁ、きのさんもやっちゃってましたか (^^;; アセ
私は、きのさんの記事でのその誤りには気がついてなかったです、どれがそうだったか目撃したかった(笑)

また一つ勉強になりました、ありがとうございますm(_ _)m
すぐ直してきます><

ハーイ(^O^")/ 複数箇所あったらご面倒でしょうけど、頑張って下さいね~ (^^ゞポリポリ
相手はロボットですから、融通が利かないですからねぇ (^_^; アハハ…

2018/12/06 (Thu) 07:39

まりも  

>「Embedly」は・・・全てを引用版のような扱いになっているんです。

なるほど!今回はブログカードでも「Akira風ブログカード」に限定される内容だったのですね。
教えていただきありがとうございます。
知識がないので、勝手に勘違いしただけです(^^;;
有益な情報をありがとうございました。

2018/12/06 (Thu) 12:07
ぼっちん

ぼっちん  

To まりもさん

まりもさん、こんにちは~ ^^

ハーイ(^O^")/ ご理解戴けて (^。^;)ホッ としております。
削除実行しちゃう前に、一言聞いて下さってたらと思いましたが、、、(^^ゞポリポリ
でも、もうこれで意味を分かって戴けたご様子で良かったです ^^

2018/12/06 (Thu) 12:37

Leave a reply