テンプレート|FC2ブログ・プチカスタマイズ

  このページはFC2ブログ・プチカスタマイズの テンプレート に関する情報を紹介しています。
  FC2ブログ・プチカスタマイズは、FC2ブログをちょっとだけ改造して、使い易くします。  FC2ブログの魅力は、初心者は初心者なりに、上級者は上級者なりにテンプレートやスタイルシートを改造して色々と変えることができるところ。 このブログでは、初心者から中級者向けのFC2ブログカスタマイズ法をあれこれご紹介。  FC2ブログを楽しみましょう。

 



FC2ブログ・プチカスタマイズの最新記事

独自ドメインどこで取ったらいい? (11/18)

ムームードメインで独自ドメインを収得したので独自ドメイン収得の流れをご紹介するよ (11/15)

独自ドメインどれをとればいい? (11/07)

FC2ブログから独自ドメインWordPressへの引越し手順概要 (11/02)

やつパリ独自ドメインにはメリットがある (10/24)

FC2ブログからワードプレスへメリットデメリット (10/23)

FC2ブログで障害多発・ほんとにただの障害? (10/07)

Google AnalyticsをFC2ブログに設置 (09/25)

Googlr Analyticsにサイトを登録しよう (09/20)

FC2ブログにファビコンをつけてみよう (08/14)

行間line-heightとpやdiv,ulスペース(領域)指定 (08/08)

HTMLのdiv、p、br、spanの使い方 (08/08)

FC2ブログの有料版メリット・デメリット (06/16)

GooglePageSpeed Insightsのユーザー エクスペリエンスを改善する (06/11)

FC2ブログ・有料化について思うこと (06/10)

関連記事リストにカテゴリ名と記事の投稿日時を表示する (06/10)

個別記事のタイトルは<%sub_title>≒<%topentry_title> (06/07)

サイトに戻るためのリンクをGoogleアドセンスの検索結果表示ページにつける (06/05)

Google『PageSpeed Insights』でスマートフォンサイトの読み込み速度を測定 (06/03)

FC2ブログの記事下や記事の真ん中に広告・ランキング・定型文を表示する方法 (06/02)

記事に直接Googleアドセンスのコードを入れ込むと後々苦労する (05/30)

TwitterボタンのHTMLタグを手に入れよう (05/28)

ブログの変更したい部分をソースで見てみるとスタイルシートの指定場所がわかる (05/25)

JavaScriptをインライン化・スマートフォンサイトの表示時間を早くするテンプレートカスタマイズ (05/21)

プラグイン3を位置変更してページ別に表示されるようにしてみた (05/18)

シーサーブログのサイドカラムを片側に寄せる (05/17)

検索エンジンの検索結果ページに投稿時間を表示する・SEO検索エンジン最適化対策 (05/14)

meta descriptionで記事要約を検索結果ページに表示する (05/13)

FC2ブログの記事の下に広告やランキングを表示させる方法 (05/10)

FC2ブログの関連記事リストを任意の場所に表示する (05/09)

リンクボタンを作ってみよう (05/08)

FC2拍手とFC2ブログ拍手違いを体感してみてね (05/05)

FC2拍手・タグの収得・FC2ブログのプラグインへの設置 (05/03)

FC2拍手のお礼ページを作ろう (04/30)

『拍手』ボタンを設置しよう・登録方法 (04/26)

禁則処理の方法・word-breakで改行の処理を指定するスタイルシート (04/25)

FC2ブログの表示が崩れる原因 (04/20)

ボーダーライン・スタイルの種類 (04/19)

ブラウザ別webページのソースを見る方法 (04/17)

シーサーブログの『過去ログ』リストを横表示にする方法 (04/16)

スタイルシートを使って文字を斜めにする (04/08)

HTMLで文字を斜めに表示する方法 (04/05)

スタイルシートでGoogleアドセンスのコードを横に並べて配置することもできる (04/03)

ヘッダーの行間・行の高さを調整する (04/02)

3カラムテンプレートの構成はどうして決まる? (03/21)

メインカラム左側、サイドカラム二つを右に配置するFC2ブログカスタマイズ・『96_seo_pink-3ca』の場合 (03/21)

FC2総合インフォメーション 【ブログ】「FC2ブログ」をオープンソースで公開!より自由にカスタマイズ可能! (03/19)

『ちょっとしたお小遣いに!ブロマガ記事を投稿しませんか?』といわれても (03/14)

禁則処理・line-break:で禁則処理をするスタイルシート (03/14)

FC2ブログのバックアップ・インポート(復元)で復元できる項目 (03/03)

総記事数:

 
 
Top Page > タグ: テンプレート
【テンプレートページ】



⇒この記事をもっと読みたい人はこちらの『スポンサーサイト』をクリック

 FC2ブログの有料版にもいいところはある。  レンタルサーバーを借りて、Wordpressなどでブログを作れば割安だ。  でも、FC2ブログの有料版にもいいところがある  以下FC2ブログ有料版のメリット・デメリット。 FC2ブログの有料版メリット 1、FC2ブログは日本語テンプレートの数が多い。 2、テンプレートのカスタマイズが簡単。 3、ブログの表示速度が速い。 4、手続きが簡単。 1)FC2ブログの開設手続きは、メール...

⇒この記事をもっと読みたい人はこちらの『FC2ブログの有料版メリット・デメリット』をクリック

 GooglePageSpeed Insightsでサイトの表示速度を測定すると、同時に出てくるのがユーザー エクスペリエンスというもの。  PCサイトの分析結果には表示されないこのユーザー エクスペリエンスというものいったい何?   ユーザー エクスペリエンスの評価  ユーザー エクスペリエンスというのは、満点が100。  内容を見てみると、タップの大きさや横スクロールしないで見れるか?、末端の大きさによって画面の大きさ...

⇒この記事をもっと読みたい人はこちらの『GooglePageSpeed Insightsのユーザー エクスペリエンスを改善する』をクリック

 個別エントリー(個別記事)の名前(タイトル)が表示されるFC2ブログの変数はどんな変数か?  一般に、使われる<%sub_title>は非常に便利なFC2ブログの変数だ。  けど、場合によっては、使いにくい場合もある。  <%sub_title>は、それぞれのエリアで表示が違ってくる。  たとえば、カテゴリーエリアなら<%sub_title>=カテゴリー名、月間アーカイブの中なら年月日、個別のエントリー記事の中なら個別...

⇒この記事をもっと読みたい人はこちらの『個別記事のタイトルは<%sub_title>≒<%topentry_title>』をクリック

 ブログの読み込み速度を測定してみよう。  ブログやサイトの読み込み時間は、訪問者数に影響するそうだ。  読み込み速度が遅いと、サイトの訪問者がサイトを見ずにほかのサイトへ写ってしまうことがある。  特にスマートフォン用のサイトの場合、パソコンよりスペックが劣るため、読み込み速度の速さが大きく影響を受けるとか。  気になるサイト・ブログの読み込み速度、簡単に測定する方法がある。  それが、Google『...

⇒この記事をもっと読みたい人はこちらの『Google『PageSpeed Insights』でスマートフォンサイトの読み込み速度を測定』をクリック

 記事下に、広告(またはランキングや決まった文章)を表示させたい場合、テンプレートに直接広告タグを貼り付けて、記事下に広告を表示させた方が記事投稿画面に広告タグを貼り付けるよりメンテナンスが楽だ。  ただし、FC2ブログのテンプレートはちょっと知識が要る。   FC2ブログ拍手を使っていると思った位置に広告が表示できない  FC2ブログの場合、環境設定でFC2ブログ拍手を表示していると個別記事のページ(bl...

⇒この記事をもっと読みたい人はこちらの『FC2ブログの記事下や記事の真ん中に広告・ランキング・定型文を表示する方法』をクリック

 Googleアドセンスは広告をクリックすることで報酬が発生する。  これからGoogleアドセンスに参加したいと思っている人にご忠告である。  Googleアドセンスは投稿記事の中に直接アドセンスのコードを入れないこと!  投稿記事の中に直接アドセンスのコードを貼り付けると後々苦労する羽目になる。   Googleアドセンスのコードを投稿記事の中に直接貼り付ける?  コードを投稿記事の中に直接貼り付けるというのは下...

⇒この記事をもっと読みたい人はこちらの『記事に直接Googleアドセンスのコードを入れ込むと後々苦労する』をクリック

 ブラウザによって違うのかもしれないが、管理人の使っているFirefoxというブラウザはwebページの一部分を範囲指定してそのソースを見ることができる。  ソースを見ると、ブログのテンプレートを改造するのに役立つヒントが見つかるかもしれない。    たとえば、このブログのヘッダー部分を範囲指定して、ソースを見てみると下のようになる。   <div id="headBlock"> <div class="BlogName">&...

⇒この記事をもっと読みたい人はこちらの『ブログの変更したい部分をソースで見てみるとスタイルシートの指定場所がわかる』をクリック

 スマートフォンサイトの表示時間を早くしよう。  スマートフォンサイトの表示時間を早くする方法のひとつに、「レンダリングブロック JavaScript/CSS を排除する」という方法がある。  「レンダリングブロック JavaScript/CSS を排除する」といわれても、やり方がわからない。  JavaScriptをインライン化すると読み込み時間が早くなるというのだが。  で、インライン化を試してみたのでご報告。   Googleの解説  「外...

⇒この記事をもっと読みたい人はこちらの『JavaScriptをインライン化・スマートフォンサイトの表示時間を早くするテンプレートカスタマイズ』をクリック

 HTMLのプラグイン3を利用して、トップページ・個別記事のページのサイドカラムの表示と他のエリアの表示を別にしてみた。  もともと、この96_seo_pink-3caというテンプレート、プラグイン3はプラグイン2のHTML下に表示されるものだった。  一回、メインカラムの上にプラグイン3を表示するようにしてみたのだが、あまり使い道がない。  ということで、プラグイン3はプラグイン1のしたに配置して、Indexページと個別の記事ペ...

⇒この記事をもっと読みたい人はこちらの『プラグイン3を位置変更してページ別に表示されるようにしてみた』をクリック

 シーサーブログには、3カラムのテンプレートも当然存在する。  けど、オーソドックスな3カラムテンプレートばっかりだ。  メインカラムが真ん中にあってその左右にサイドカラムがある。  サイドカラムを片方に寄せるようなテンプレートは目に入らない。  できないのかと思っていたが、この間、シーサーブログのテンプレートをいじったら、サイドカラムを片側に寄せる方法が見つかったので、ちょっと皆さんにもやり方をご...

⇒この記事をもっと読みたい人はこちらの『シーサーブログのサイドカラムを片側に寄せる』をクリック

 検索エンジンが拾うのがタイトルやh1タグ、そしてmeta description(要約)。  descriptionは検索エンジンのSEO対策としてだけでなく、訪問者にそのページの内容を知ってもらうのにも使われる。  検索サイトから訪問する人をmeta description(要約)で増やそう。  今日のお話は『meta description(要約)はなぜ大事?』、『FC2ブログmeta descriptionのカスタマイズ・検索結果に記事要約を表示する』   meta de...

⇒この記事をもっと読みたい人はこちらの『meta descriptionで記事要約を検索結果ページに表示する』をクリック

 今日の話はFC2ブログの記事の下に広告やランキングを表示させる方法。  記事投稿時に広告タグやランキングタグを挿入すれば話は簡単なようだが・・・。  記事投稿時に広告タグやランキングタグを挿入すると携帯サイトでは、下のほうにタグのHTMLの残骸が残ってしまったり、サイズが合わず、スマートフォンサイトで横スクロールが生じたりする。  記事は記事として、テンプレートの中に広告やランキングのタグを貼り付けたほう...

⇒この記事をもっと読みたい人はこちらの『FC2ブログの記事の下に広告やランキングを表示させる方法』をクリック

 FC2ブログには関連記事リストの表示ができるようになっている。  FC2ブログに関連記事リストを表示させるには、環境設定⇒ブログの設定⇒関連記事リスト 表示場所のを▼をクリックして、関連記事リストの配置を選んで、関連リストの表示の仕方をそれぞれ選択し、更新ボタンを押す。  関連記事リストを表示できる場所は『個別ページの記事下』『一覧ページの記事下』『個別・一覧ページの記事下』『テンプレート変数のみ』『上...

⇒この記事をもっと読みたい人はこちらの『FC2ブログの関連記事リストを任意の場所に表示する』をクリック

 リンクボタンを作ってみよう。  ボーダーラインの知識があれば、リンクボタンが作れる。    たとえば、通常のリンクなら『 ボーダーライン・スタイルの種類』という風なリンクになる。  これをボーダーライン+αを利用してボタンのように表示する。   リンクボタンの作り方・HTMLに組み込む場合 <a href="http://tadameru2.blog91.fc2.com/blog-entry-142.html" style="font-size:large;color:#FFFFF...

⇒この記事をもっと読みたい人はこちらの『リンクボタンを作ってみよう』をクリック

 作ったwebページのソースを見てみよう。  ブログのカスタマイズに役立つ情報がたくさん見つかるはずだ。  今回は、Firefox・IE・Google Chrome・Safariなどのブラウザ別にソースを見る方法を調べてみた。  右クリック禁止のページのソースを見る方法も合わせて記載しているので参考にしてね。   webページのソースを見る方法・Firefox 1、ソースを見たいwebページを表示。 2、右クリック⇒『ページのソースを表...

⇒この記事をもっと読みたい人はこちらの『ブラウザ別webページのソースを見る方法』をクリック

 今日は、ブログのヘッダー部分の文字の行間のカスタマイズ。 以前の『FC2ブログ・プチカスタマイズ』ブログのヘッダーは、h1に指定された文字数が多くなると、行間がうまく設定されていなかったので、ヘッダー部分の行間設定をしてみた。  以前のヘッダーのスタイルシート⇒以前のヘッダー。 文字数が多くなると、H1に設定した文字の行間が詰まったように見える。/*head要素       &nb...

⇒この記事をもっと読みたい人はこちらの『ヘッダーの行間・行の高さを調整する』をクリック

 FC2ブログの3カラムテンプレートには、スタイルシートの書き方が違っていてもカラムの構成パターンが決まっているので、基本的なカラムの構成を覚えておけば同じようなカスタマイズができる。 FC2ブログの3カラムテンプレートの基本構成1、『メインカラム+サイドカラム1(プライマリーカラム+セカンダリーカラム)』と『サイドカラム2(エクストラカラム)』はひとつの塊として構成されている。例)baseBlock、containerな...

⇒この記事をもっと読みたい人はこちらの『3カラムテンプレートの構成はどうして決まる?』をクリック

 禁則処理をしてブログの文章を読みやすくしよう。 禁則処理というのは、「文頭に句読点などが入らないようにする」処理のこと。 厳密に言えば、句読点だけでないのだが、今回は、「、」や「。」などが文頭に来ないようにする方法。 スタイルシートで禁則処理・「、」「。」が文頭に来ないようにする。 「、」「。」が文頭に来ないようにするスタイルシートは『line-break: normal;』。 『normal』は厳密な禁則処理では...

⇒この記事をもっと読みたい人はこちらの『禁則処理・line-break:で禁則処理をするスタイルシート』をクリック

 このブログのH3見出しのスタイルシートは下のようになっている。 /* h3,h4,h5,h6             */h3{ BORDER-BOTTOM: #ea0075 1px dotted;BORDER-LEFT: #ea0075 15px ridge;        font-size: 112%;        }    以前から、この記載だったんだけど、なぜか、スタイルシー...

⇒この記事をもっと読みたい人はこちらの『スタイルシートの指定の文頭に空間があると反映されないかも』をクリック

 FC2ブログのHTMLとスタイルシートはそれぞれ別のボックスに記載されている。  まず、HTMLの記載があって、それを外部スタイルシートとして指定している形。  で、HTMLの中で多用されているのが『div』という記載。  それと『div id』、『div class』。    では、『div』、『div id』、『div class』はどう違う?   『div』、『div id』、『div class』はどう違う?  divとは『<div>~</div>の間にあ...

⇒この記事をもっと読みたい人はこちらの『div、div id、div classとスタイルシートの指定』をクリック

 FC2ブログのエリア変数を覚えよう。  エリア変数で指定したHTMLの記述が、ブログの表示に反映される。  たとえば、トップページだけに表示したい記述やカテゴリーページだけに表示したい記述が指定できる。   FC2ブログのエリア変数 <!--index_area-->~ <!--/index_area-->・トップページ(インデックスページ、?mode 等のクエリが何も付かないURL)のみで表示されるブロック・どの場所でも有効(<...

⇒この記事をもっと読みたい人はこちらの『FC2ブログのエリア変数』をクリック

 FC2ブログにGoogle+1ボタンを設置してみよう。  FC2ブログのテンプレートの環境設定では、ツイートやいいねボタンは設定できるのだが、G+ボタンは設定できないので、Google+1ボタンを設置しようと思ったら、自力でタグを挿入するしかないのである(FC2ブログの共有プラグインの中には、Googlを含めた多数のブックマークを表示するものはあるけど)。    Google+1ボタンを設置するには、いろいろ方法があるようだが...

⇒この記事をもっと読みたい人はこちらの『G+1ボタンを設置する方法』をクリック

 まずは、FC2ブログのプラグインの基本について。  FC2ブログの場合、ブログパーツのことをプラグインと呼んでいるみたいだ。  プラグインを使わずに、同じような機能をテンプレートの中に直接つけることも可能だが、プラグインとして挿入したほうが、管理が簡単な場合が多い。    FC2ブログのプラグインの表示は・プラグインカテゴリ1・プラグインカテゴリ2・プラグインカテゴリ3の3つ。  大抵のテンプレートの場...

⇒この記事をもっと読みたい人はこちらの『テンプレートとプラグインの表示箇所』をクリック

 スマートフォンテンプレートを新しく適応して、スマートフォン専用サイトを表示できるようにしてみた。  FC2ブログは、スマートフォンの専用サイトも簡単にできる。  しかも、HTMLもスタイルシートも編集が可能だ。   FC2ブログでスマートフォン用サイトを作ろう 1、『テンプレートの設定』→スマートフォン用『公式テンプレートの追加』又は『共有テンプレートの追加』→好みのテンプレートを選び『詳細』ボタンをクリッ...

⇒この記事をもっと読みたい人はこちらの『FC2ブログ・スマートフォン用サイトテンプレートのダウンロード』をクリック

 ユーザータグのページをタイトル一覧で表示するようにしてみよう。  基本的には、カテゴリーページでタイトルのみを表示するカスタマイズと同じ。  使うFC2の変数は、 <!--not_tag_area--> <!--/not_tag_area-->   FC2変数の説明 <!--not_tag_area--><!--/not_tag_area-->→タグエリア以外のページに内容を表示する。   FC2ブログテンプレートのカスタマイズ 1、テンプレートの<...

⇒この記事をもっと読みたい人はこちらの『ユーザータグのページをタイトル一覧で表示するようにしてみよう』をクリック

 ブログのカスタマイズでよく出てくるカラーコード。  パソコンで使う色を#6桁の数字で表したものだ。  パソコンに使うカラーコードにも色々と合って、基本は16色。  古いブラウザでも表示されるのが216色。  下の216色は、古いブラウザでもどんなブラウザでも同じように表示される。  多分、一番使う機会が多いのが、この216色のカラーコード。   色 ...

⇒この記事をもっと読みたい人はこちらの『216色カラーコード』をクリック

 ブログやサイトの行間を決めるのは、スタイルシートのline-height。  単位(PXなど)でも指定できるし、%でも指定できる。 ブログテンプレートのスタイルシートの指定の仕方  ブログのテンプレートの場合、指定の仕方は↓のような感じになる。 {  line-height: 120%; }   投稿記事内で使う場合の指定 <p style="Z-INDEX: 0; LINE-HEIGHT: 120%">投稿記事内で&nbsp;line-heightを使う場合&l...

⇒この記事をもっと読みたい人はこちらの『行間の指定をするスタイルシート・ line-height』をクリック

 メタキーワードと言えば、昔からGoogleをはじめとする検索エンジンのSEO対策によくもちいらられるのだが、最近の検索エンジンのSEO対策としては、本文と同程度の効果だって言われている。  でも、本文の内容程度に重要視されるのであれば、設定しておいて損は無いだろう。  メタキーワードに設定する単語は、できれば、記事本文のキーワードにしたいものだが・・・。  そこで、FC2ブログのメタキーワードを投稿記事によって変...

⇒この記事をもっと読みたい人はこちらの『FC2ブログのメタキーワードをページによって変える方法』をクリック

 リスト(箇条書き)にするHTMLにも色々あったりする。 基本の記号付リスト オーソドックスな記号付リストはこれ <ul><li>オーソドックスな記号付リスト</li></ul>  この<ul><li>オーソドックスな記号付リスト</li></ul>はHTMLのバージョンにかかわらずどんなテンプレートでも使うことができる。  type="  "を付けて、記号を変えることもできるのだが、表示され...

⇒この記事をもっと読みたい人はこちらの『リスト(箇条書き)にするためのHTML』をクリック

 ブログのテンプレートをカスタマイズして使いたい人にお勧めテキストエディタMKEditor。  テキストエディタと言うのは、要はウインドウズで言うメモ帳みたいなソフトだ。  ウインドウズのメモ帳でもかまわないのだが・・・。  フリーソフトの高機能エディタはウインドウズのメモ帳よりはるかに使い勝手がいい。   MKEditorの特徴 ・複数のタブで、複数の文章の編集できる。 ・保存時にエンコードの指定が出来る...

⇒この記事をもっと読みたい人はこちらの『テンプレートのカスタマイズには高機能テキストエディタがあると便利』をクリック

 FC2ブログのプロフィール、『アバター画像・ユーザー名・FC2ブログへようこそ!』ってやつ。  あまり必要ないと思う。  と言うわけで、このプロフィールの中身を書き換えよう。    どんな風に書き換えようか・・・。    できればSEOに役立てたいところだ。   FC2ブログのプロフィールから画像を削除する   1、プラグインの設定⇒プラグインタイトルのプロフィールの詳細⇒『HTMLの編集』をクリ...

⇒この記事をもっと読みたい人はこちらの『プロフィールのプラグイン表示をSEOに適した形にカスタマイズ』をクリック

 FC2ブログの記事の中で見出しを使った場合に見出しの背景を指定してみる。  スタイルシートを使えば、記事中の見出しの背景ブログのテンプレートで一括で指定できる。     見出し・h要素の背景の指定   テンプレート管理⇒テンプレートの編集で、スタイルシート部分の最後に、見出しのフォントサイズの指定のスタイルシートを書き加える。 カラーコードで背景を指定する場合、書き加えるス...

⇒この記事をもっと読みたい人はこちらの『見出しの背景を指定する』をクリック

 FC2ブログの場合、エンコードもGoogleアドセンスのコードも正常なのに検索ボックスが文字化けする場合がある。    原因は、FC2ブログのサーバー移転に伴うエンコードの変更。    FC2総合インフォメーション 【ブログ】サーバー移設による管理画面のURL変更のお知らせ  2012年の3月、サーバー移転に伴って、自動的にテンプレートのエンコードが変更されているブログがあるのだ。    変更されたブログの...

⇒この記事をもっと読みたい人はこちらの『Googleアドセンスの検索の文字化け、FC2ブログのサーバー移転の影響も』をクリック

 全記事リストのページに、ユーザータグ一覧を表示してみよう。  位置は、プラグイン2の位置。  ついでに、プラグイン2は全記事一覧のページには表示しないようにする。 ユーザータグ一覧のプラグインをダウンロードする 1、プラグイン2の位置にユーザータグ一覧を入れ込むためには、公式プラグインでは都合が悪いので、共有プラグインの中から縦長のユーザータグ一覧のプラグインをダウンロードする。 2、プラグイン...

⇒この記事をもっと読みたい人はこちらの『全記事リストのページに、ユーザータグ一覧を表示する』をクリック

 H1(h1)を意識して、SEO。  検索エンジンは、titleを最重要視して、拾っていくらしい。  で、その次当たりに重要視するのは、h1要素。  ブログの場合は、ヘッダーのブログネーム部分をh1で囲っている場合が多い。  h1部分が、ブログネームに固定されてるのは、ちょっともったいない。 ページごとに、h1部分の表示を変えられるようにしてみよう。  FC2ブログのテンプレートでH1が使われているのは、<!--head--...

⇒この記事をもっと読みたい人はこちらの『H1(h1)・見出しタグを意識して、SEOに役立てよう』をクリック

 このブログのテンプレートには、テーマやジャンルのリンク表示がない。  テーマやジャンルへのリンクがあることに、果たしてどんな意味があるのか?  いや実はよくわからない。    記事の投稿時のテーマやジャンルの設定には、ちゃんと意味があるのだが・・・    記事に関連するテーマやジャンルを表示するのは、要するに『同じジャンルやテーマを書いている他の人のFC2ブログの記事を探しやすくするための...

⇒この記事をもっと読みたい人はこちらの『FC2ブログにテーマ・ジャンルのリンクを表示する』をクリック

 個別記事のページナビゲーション、≪前の記事タイトル | ホーム | 次の記事タイトル≫ だと面白くない!    基本的に、ホームへ戻るとか、トップへ戻るみたいな表示は、検索エンジンにとってはたいした意味ないし。    SEOを考えても、ホームへ戻るではなく、ブログ名で出したいところ。   もともとのテンプレートのナビゲーション↓ ≪<a href="<%preventry_url>" title="<%preventry_titl...

⇒この記事をもっと読みたい人はこちらの『ページナビゲーションでSEO・検索エンジン最適化』をクリック

 このブログって、個別記事のページ以外では変な位置にページナビゲーションがある。  フッターのすぐ上。  記事が少ないと、はるか下までスクロールしないとページナビゲーションが出てこない。    あんまりうれしくないので、ページナビゲーションの位置を変えてみることに。   <div id="footBlock"><!-- siteinfo-legal --><div id="siteinfo-legal"><p class="prev-next-navi"...

⇒この記事をもっと読みたい人はこちらの『ページナビゲーションの位置を変えてみた』をクリック

 FC2ブログのヘッダー部分の高さを変更してみよう。  ヘッダー部分に画像を入れていると、画像が切れてしまう可能性もあるけれど。  ヘッダー部分をブログのタイトルや説明文の分量にあわせて変更したほうが、ブログ全体の見栄えがよくなる場合が多い。    適応しているテンプレートのスタイルシートをみてみて! headBlock { header_body {  等々、テンプレートによって、ヘッダー部分のスタイルシートは違うのだが...

⇒この記事をもっと読みたい人はこちらの『ヘッダー部分の高さを変更してみよう』をクリック

 検索エンジンはページのタイトルも拾っていく。  ページタイトルは、ブログのページを表示したときに上のほうに表示される。  FC2ブログのページタイトルは、ブログ名である場合が多い(テンプレートによっては、記事のタイトルやカテゴリーのタイトル+ブログ名になっているものもある)。  SEOを考えるときには、このページタイトルを単純にブログ名のままにしておくよりは、そのページの内容を端的に示すページタイトル...

⇒この記事をもっと読みたい人はこちらの『ページタイトルを一工夫して、SEO(検索エンジン最適化)』をクリック

 このブログFC2ブログカスタマイズのカテゴリーページべつのページは、タイトルだけが表示されるようにしてある。  もちろんはじめから個別のエントリー記事のタイトルだけが表示できるようになっていたわけではない。  テンプレートをいじった結果、カテゴリーページで個別記事のタイトルだけ出るようにしてある。  できるだけ、たくさんのタイトルを出して、わかりやすくしようとした結果。 カテゴリーページに個...

⇒この記事をもっと読みたい人はこちらの『カテゴリページにエントリー記事のタイトルだけ表示するカスタマイズ』をクリック

 このブログの本来のサイトの説明文(introduction)は『FC2ブログ・プチカスタマイズは、FC2ブログをちょっとだけ改造して、使い易くします。  FC2ブログの魅力は、初心者は初心者なりに、上級者は上級者なりにテンプレートやスタイルシートを改造して色々と変えることができるところ。 このブログでは、初心者から中級者向けのFC2ブログカスタマイズ法をあれこれご紹介。  FC2ブログを楽しみましょう。』...

⇒この記事をもっと読みたい人はこちらの『ページごとに説明文を変えるFC2ブログのカスタマイズ』をクリック

 ブログの説明に当たるのが、イントロダクション(introduction)。  FC2ブログの場合、イントロダクション(introduction)をページごとに変えることもできる。  ページごとに、そのページの内容が、イントロダクション(introduction)に出るようにしてみよう。 FC2ブログで、ページごとに違った説明文が出るようにする 1、適応中のテンプレートのイントロダクション(introduction)を確認する。 ...

⇒この記事をもっと読みたい人はこちらの『FC2ブログの説明文をページごとに変える方法』をクリック

 素人でもできるSEO対策として有効なものの一番と言えば、ブログそのものタイトル。  そのブログの内容を一言で表現できる短めなタイトルを考えよう。  これがまた、結構難しいんだけど。    そして、FC2ブログの場合は、ブログの説明文。    それから、記事のタイトル。 検索エンジンは、titleを拾う  ブログのテンプレートを見てみると、いくつも『title』と言う文字が出てくる。  『title』この...

⇒この記事をもっと読みたい人はこちらの『検索エンジンは、titleを拾う』をクリック

 プラグインにタグリストを入れると莫大な量になりがちだ。  別ページにユーザータグのリストを作れないものか?  ユーザータグだけのページを、作ってみた。  利用したのは例によって、適応していないテンプレートのプレビュー画面だ。 ユーザータグのリストを別ページで表示する。 1、FC2ブログのプラグインから、ユーザータグのプラグインをダウンロードする。 公式プラグインでも共有プラグインでもOK。 2、ユ...

⇒この記事をもっと読みたい人はこちらの『ユーザータグのリストを別ページで表示する』をクリック

 このブログのテンプレートには、ユーザータグのリンクがない!  FC2ブログのユーザータグは、割とSEOに有利に働くと言うし・・・。  つけなきゃ!  ちなみに、FC2のユーザータグは、2種類ある。 FC2ブログのユーザータグ   1、FC2ユーザー同士が同じタグでつながる機能。   2、自分のブログの記事の中で同じタグをつけた記事とリンクさせる機能。    1と2とどちらが大事?  どっちも大事だ! ...

⇒この記事をもっと読みたい人はこちらの『ユーザータグのリンクをつけよう』をクリック

 今回は、ページタイトルを表示するためのHTMLの設定の話である。  ページタイトルはIEなどでは画面の上のほうのタブに表示されているんだけど。  ページタイトルが無いと、検索エンジンはそのページが何なのかわからないし、訪問者がブックマークをするときも、このページタイトルが役に立つ。  このブログの場合、各ページのタイトルは、<title><!--index_area--><%blog_name><!--/index_area-->...

⇒この記事をもっと読みたい人はこちらの『ページタイトルの記載の仕方』をクリック

 ブログの文字のサイズの指定の仕方もいろいろ。    %による指定やPXによる指定以外にもたくさんフォントサイズの指定の仕方がある。  今回は、文字サイズの指定の単位の種類についてのお話を。 FCブログのスタイルシートの文字の大きさの指定 1、実数で指定する  px・em・ex・in・cm・mm・pt・pcなどの単位で指定する。   数字が小さくなれば、文字が小さくなり、大きくなると文字が大きくなる。 &nb...

⇒この記事をもっと読みたい人はこちらの『文字サイズの指定いろいろ』をクリック

 検索エンジンや読み上げソフトは、ウェブページの左がから読み込んでいく。  と言うことは、重要なものは、ウェブページの左側に入れたほうが、検索エンジンなどに対するアピールになるのかも。  と言うわけで、通常の3カラムのブログのテンプレートであれば、重要なものは、左側のプラグインに表示されるように設定したいところ。  FC2ブログの場合、プラグインは『プラグイン1』『プラグイン2』『プラグイン3...

⇒この記事をもっと読みたい人はこちらの『プラグイン対応のテンプレートか確認する方法』をクリック

 FC2ブログのユーザータグ、これをうまく使うと、同じユーザータグをつけた記事の検索に使える。    基本的には、ユーザータグの設置がされている場合、リンク先はFC2ブログの公式ページ。    この場合、他の外部ブログとのリンクになる。    外部ブログと相互リンクしているようなものだからSEOには役に立つ。    が、なぜかユーザータグへのリンクがついてないテンプレートも存在する。   ...

⇒この記事をもっと読みたい人はこちらの『ユーザータグの基礎知識』をクリック

 | FC2ブログ・プチカスタマイズ |  Next

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。