Bloggerで記事ごとのパーマリンク文字列を任意で指定可能に

昨日の記事で紹介した本(amazon)の出版についてお祝いのメッセージを多数いただきありがとうございます。TANAKA Kohji です。

記事を書いていて、Bloggerの新機能について気づきました。

Bloggerで記事ごとにパーマリンク文字列の指定が可能になっています。

設定箇所は右の画像の通り。
カスタムURLの箇所に入力できます。

パーマリンク(permalink)とは、固定のURLを指し、Bloggerの場合ドメインの後が
/year/month/example-entry.html
となります。

パーマリンクの価値はブログが広めたといっても決して過言ではないでしょう。

もともと一般的なURLは、ブログのような動的に生成されるwebページの場合
/?post_id=123456
のように、クエリーストリングという仕組みで表されるのが一般的でした。
（この場合は記事Noが123456という意味）

今日と違い、当時の検索エンジンは、パーマリンクとクエリーストリングを使用したURLに対し、ページの重み付けを大きく変えていたため、パーマリンク（型のURL）にすることで検索エンジンの上位に表示される機会が多かったのです。

MovableType等の優れたブログシステムは当初からパーマリンクの付与が可能で、書いた記事が上位表示しやすかったことが、ブログという仕組みが流行した一因でもあるでしょう。

Bloggerの場合

このブログは、Bloggerを利用しています。
Bloggerの場合、記事ごとのURLのうち、上述の例でexample-entryにあたる箇所については、記事タイトルから自動的に設定されていました。
たとえば「exampleなentryを書く」というようなタイトルにすると、日本語の箇所がカットされ残された文字列がURLとなります。

今後は、この新機能により、自由に設定が可能です。

ただし自由とはいっても、使用可能な文字には制限があります。

（すべて半角で）アルファベットの大文字小文字、数字、一部の記号  - _ .  です。

残念ながら日本語は使用できません、、、
URLエンコードしてくれたらどんなに嬉しいことか。
今後の改善に期待しています！

（追記）公開後は変更できないので気をつけましょう（笑）

BloggerでOGPタグを出力する設定方法

というわけで TANAKA Kohji です。
Blogger の記事を facebook でシェアしようとすると、HTMLの先頭にある JavaScript が本文の代わりに読み込まれて困っていました。

そこで、OGPタグを出力するように変更してみました。

検索設定でメタタグ（description）を設定する

設定ー検索設定より、メタタグの設定を行います。

この部分は、ブログのトップページ等をシェアした場合等に使用される説明文です。

（metaタグのdescriptionや、og:descriptionに使用されます）

テンプレートのHTMLを修正する

ここは多少専門的な知識が必要になります。

テンプレートーHTMLの編集より、テンプレートを編集します。

（事前にページ右上の『バックアップ/復元』より現在のテンプレートのバックアップをとっておくと安全です）

以下を参考に、修正してください。

修正する前のコード（ctrl+f 等で該当箇所を探してください）

    <title><data:blog.pageTitle/></title>

修正後のコード

    <b:if cond='data:blog.url == data:blog.homepageUrl'>
        <title><data:blog.pageTitle/></title>
    <b:else/>
        <title><data:blog.pageName/><b:if cond='data:blog.pageName'> | </b:if><data:blog.title/></title>
    </b:if>
    <meta expr:content='data:blog.title' name='og:site_name'/>
    <meta expr:content='data:blog.pageTitle' name='og:title'/>
    <meta content='blog' name='og:type'/>
    <b:if cond='data:blog.metaDescription != &quot;&quot;'>
        <meta expr:content='data:blog.metaDescription' name='og:description'/>
    </b:if>

修正したら保存しましょう。

記事投稿時に『検索向け説明』を設定する

これはちょっと冗長なのですが、記事投稿時に、検索向け説明を設定する必要があります。

（投稿画面の右側）

ここは記事本文から自動的に設定してほしいところですが、いたしかたありません。

facebookでシェアする

あとは、記事公開後に、facebookでシェアすれば終了です。

というわけで設定していない方は、お試しください。