地域とWEBを、コツコツと。

こんばんは、多摩の地域密着型ブログサービス｢たまりば｣編集長こぐまです。

Twitterをやってる方の中には、自分のブログの更新時にリンクを貼って、
Twitterからブログへのアクセスを増やしたいと思ってる方もいるのでは？

そんな方々のお役に立てそうな方法を見つけたので、紹介します。

僕のブログのアクセス元を調べると、
｢たまりば｣｢Google｣｢Facebook｣｢Yahoo!｣｢Twitter｣
という順です。

｢Facebook｣からのアクセスの伸び率が高く、重要度を増しています。

対して、｢Twitter｣からはどうかというと、
ほぼ横ばいで、｢Facebook｣ほどの重要性は感じていませんでした。

ただ、どちらもブログとの相性はいいはずで、
リーチできる読者数（フォロワー数）は、ほぼ同じ。

なのに、なんで｢Twitter｣からのアクセスが増えないのか？
なんで｢Facebook｣からのアクセスは増えてるのか？

｢もしや…｣と思って昨日から検証を始めた、ある方法があるので、
今日はそちらをご紹介します。

まずは、こちらのキャプチャーをご覧下さい。



Twitterのタイムラインにブログの記事タイトルとURLが表示される、
よく見かけるリンクの貼り方ですね。

「記事タイトル」と「記事URL」だけしか表示されないので、
たくさんの情報が流れてくるタイムラインでは、あんまり目に止まりません。


続いて、こちらのキャプチャーをご覧下さい。



大きく写真が入って、タイムラインの中でも目を引きます。

これ、設定はそこまで難しくはないので、
興味のある方は、下の説明に沿って挑戦してみて下さい。
（｢たまりば｣や、同じシステムClogで運営されているサイトで導入する方法です）


ブログの管理画面にある「テンプレート」からカスタマイズを行います。
（ヘルプ）ブログデザインテンプレートを変更する

テンプレートのカスタマイズ画面の「個別記事」の部分に
</head>
という行があると思います。
（headの前に「/」スラッシュが入っていることをご確認下さい）

この</head>の直前に、下記のコードを追加すると、
大きな画像付きでTwitterに投稿されます。

<!--OGP設定(S)-->
<meta property="og:locale" content="ja_JP" />
<meta property="og:title" content="<%EntryTitle%>|<%BlogTitle%>" />
<meta property="og:type" content="article" />
<meta property="og:url" content="<%EntryPermalink%>" />
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@koguma0502">
<meta name="twitter:title" content="<%EntryTitle%>">
<meta name="twitter:description" content="<%EntryExcerpt%>">
<meta name="twitter:creator" content="@koguma0502">
<meta name="twitter:domain" content="kogumawork.tamaliver.jp">
<!--OGP設定(E)-->
</head>

※赤文字部分はご自分のTwitterアカウントやブログドメイン(http://は含めない)をご入力下さい。

ここまでを追加したら、画面下部の｢登録｣をクリックして下さい。

これでブログ側の設定は完了です。



正常に表示されるかどうかのチェックは、Twitter　Card validatorで可能です。
過去にブログに投稿した記事のURLをコピペしてチェックして下さい。

チェック完了後は、ブログに投稿した記事URLをTwitterにつぶやくだけ。

注意点として、過去数日以内にTwitterに投稿済みの記事URLの場合、
うまく表示されないことがあるようです。

今回ご紹介した設定の完了以降に投稿した記事からが有効という風に
認識して頂ければ、間違いないと思います。

それでは！