タグ

Bloggerに関するpro_searcherのブックマーク (3)

  • レイアウト用ページ要素タグについて - Blogger ヘルプ

    レイアウト テーマの <body> セクションは、いくつかのセクションとウィジェットで構成されています。 セクションとは、ページ内にあるサイドバー、フッターなどの領域のことです。 ウィジェットとは、ページやブログロールなどのページ要素や、[ページ要素] タブで追加できるコンテンツのことです。 テーマ内のセクションには、任意の HTML を挿入することができます。 セクション テーマ内の各セクションには、次に示すような開始タグと終了タグがあります。 <b:section id='header' class='header' maxwidgets="1" showaddelement="no"> </b:section> id –(必須)一意の名前です。文字と数値のみを使用できます。 class –(省略可)よく使用されるクラス名は「navbar」、「header」、「main」、「sideb

  • BloggerにOGPを設定する方法

    BloggerにOGPを設定する方法です。 最近、FB以外でも利用されるようになったのでうちも導入してみようかな、ということで。調べてみたら意外とサクッとできてしまった感がありますが、一カ所だけ妥協しました。 OGPとは何ぞや、という話は省略して以下、手順など。 …その前に、下準備としてBloggerの設定を変更してmeta descriptionを有効にします。『っけねー! まだしてねーやthpr!』という場合はこちらをどうぞ↓ Bloggerでmeta descriptionを個別に設定する方法|R14 下準備が済んだらテンプレートのHTMLを編集します。まず、 <html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:

  • Bloggerでmeta descriptionを個別に設定する方法

    Googleはmeta descriptionの設定を推奨しているわりには、Bloggerだとデフォルトのままでは個別設定が出来ません。なんとかして設定出来ないかと探していたら、海の向こうに情報がありました。 一度記事を投稿した後、管理画面の『デザイン』→『HTMLの編集』→『テンプレートを編集』から以下の文字列をHEAD部分に記述します。 <b:if cond='data:blog.url == &quot;http://hogehoge.blogspot.com/(中略).html&quot;'> <meta content='ページの説明文を分かりやすく書く。SERPも意識してクリックしてもらえそうな感じに。' name='description'/> </b:if> 一つの記事に対してこの文字列を毎回入れていかなければならないので、数が増えるとテンプレートもどんどん長くなってしまい

    Bloggerでmeta descriptionを個別に設定する方法
  • 1