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

FC2ブログでタイトルタグの重複対策（備忘録） 「タイトルタグの重複」と聞いてもわからない人はスルーしちゃって下さい。 こんな事に試行錯誤するより、知らない人は知らないまま真面目にブログを更新していた方がアクセスアップに繋がると思いますので。 でも、ウェブマスターツールに登録して、一度気になリ始めてしまったらもう簡単には抜け出せないんですよね…。 そんなワケで、私が行った重複対策を備忘録として残しておこうと思います。後で、ここはどういう意図でこうしたんだっけ？となると、また調べなおさないといけないので（汗） 全体的に、「ありのごとくあつまりて」というブログの「ウェブマスターツール 重複エラー対策のまとめ」を参考にしました。 【このブログで行ったPCテンプレートへの対策】<!--▽タイトルタグ▽--> <title> <!--titlelist_area-->全記事一覧<!--/titlel

各種SNSボタンのHTML(URL指定)について 各種SNSボタンがクリックされた時に対象のSNSに送るためのURLの指定方法について以下に記載します。 はてブ はてなブックマークへのURLの指定方法は以下のとおりです。 http://b.hatena.ne.jp/bookmarklet?url=<エンコードされた記事のURL>&btitle=<エンコードされた記事のタイトル文字列> <エンコードされた記事のURL>は、FC2ブログのテンプレート用変数<%topentry_enc_link>を指定し、<エンコードされた記事のタイトル文字列>にはテンプレート用変数<%topentry_enc_utftitle>を指定します。 実際には以下のHTMLとなります。 http://b.hatena.ne.jp/bookmarklet?url=<%topentry_enc_link>&btitle=

適当なもので確認してみると、別のURLだけど同じページが表示されている、その記事のコメントページなど不要なものが大量に重複しているのが分かる。これらを解消するのに必要な「rel="canonical"」「rel="alternate"」タグの基本的な使い方を覚える。 ◆PCのテンプレに「rel="alternate"」タグを追加alternateは「代替」という意味。まずこのタグで検索エンジンに同じコンテンツのスマホ用ページが存在することを伝える。PC用のテンプレに↓を記述。 <link rel="alternate" media="only screen and (max-width: 640px)" href="<%url>?sp" /><%url>は各記事のURL（blog-entry-00.html）になる。「スマホ用ページはPC用ページの代替コンテンツです。」という意味で検索エン