エントリーページはタイトルがh1

キャプチャ画像

SIRIUS ver.1.5のテンプレートのうち、
デフォルトタイプでは最重要見出しでもあるh1テキスト出力用に
<% pageTopic3 %>という独自タグが用いられてます。

 

”見出し(h1,h2...)”とは?

ウェブ上の文章の中で「見出し」にあたるものにはh1,h2,h3...といったタグが付けられます。

 

その中でも最も重要度の高いのがh1で、昔から検索エンジンが最も重要視するものと言われてます。

 

そのためh1には、検索でひっかかるようなキーワードを含むサイトタイトルを指定したりページタイトルを指定するのが一般的です。

 

これは以下のような条件でh1の出力方法が変わってきます。

「logo.png」ファイルが存在する場合はロゴ画像を表示(altタグにH1テキスト)。

 

「logo.png」が存在しない場合は、各ページの「H1テキスト」の内容を表示

 

H1テキストが設定されていない場合は、ページタイトルの内容を表示

ビジネスタイプのテンプレートではなぜか、たとえlogo.pngがあっても画像を表示しない<% pageTopic4 %>という独自タグが使われています。

 

カスタムテンプレート【Volar】では、サイトの見栄え・信用度も高くなるので
ロゴ画像を作成することを推奨してます。

 

SIRIUSの標準機能である【画像作成】→【ロゴ/テキスト画像】で簡単に作れるので
是非トライしてみてください。

 

※当サイトであれば(PCでは)ページ左上にあるこちら↓の画像ですね。

(先ほどの『ロゴ/テキスト画像』でちゃちゃっと作ったヤツです)

 

キャプチャ画像

 

これに伴い、カスタムテンプレート【Volar】ではビジネスタイプのテンプレートにも<% pageTopic3 %>を使ってロゴ画像が表示できるよう変更してます。


トップページはロゴ画像がH1

ここからが本題ですが、カスタムテンプレート【Volar】ではエントリーページ以外<% pageTopic3 %>の機能が働いてロゴ画像がh1見出しになります。

 

正確にはalt属性に自動挿入されたサイトタイトル(テキスト代わり)がh1見出し”相当”ということになります。

(ver.1.5.0.2からalt属性の編集が可能になりました)

 

altというのは画像が表示されない場合に画像説明用として用意される代替テキストのことです。

 

一方、エントリーページでは、ページタイトルがh1になるように設定してあります。

(その際ロゴ画像につくはずのh1は取り除く仕様になってます)

 

そしてそのh1(タイトル)はページ最上部に表示されるようにしてます。

 

ちょうどこのページがそういう表示方法になってます。

 

キャプチャ画像

 

この仕様変更に伴い、記事1のみですが入力方法が若干変更になります。

 

上の画像をみてもらうとわかるように、ページ最上段に自動表示されるのは
ページ詳細設定のH1テキスト部分です。

 

そのため(エントリーページに限らず)h1テキストには
SEO的にも必ず何らかのテキストを入れて下さい。

(キーワードを含んだページタイトルがベストです)

『H1テキスト』右横の”...”アイコンをクリックすればエントリータイトルがコピー&ペーストされます。

アイキャッチ画像とh2見出し

『記事画像1』アイキャッチ画像用として使います。

記事画像1は必ず”中央揃え”を指定してください。

 

 

実は私、記事画像1,2...はちょっと使いにくい感じがあるので、これまで一度も使ったことがありません。


 

”アイキャッチ画像とサムネイル画像”の違い

アイキャッチ画像というのは、文字通り『訪問者の目(アイ)を引きつける(キャッチ)効果のある画像』のことです。

 

記事のタイトルや内容に沿ったアイキャッチ画像を付けると、より訪問者の興味を引き、記事が読まれやすくなります。

 

一方、サムネイル画像というのは『縮小された画像』のことで、サイドバーやカテゴリー一覧などに表示されるアイコン代わりの画像です。

 

アイキャッチ画像を1枚作っておけばサムネイル画像としても使えます。
ただし見かけ上の縮小になるのでファイルサイズは変わりません。

 

これに対しSIRIUSの『画像のサムネイル作成』機能を使えば、ファイルサイズを縮めて一定の大きさでサムネイルを作成してくれるので、ファイルサイズの縮小化にも役立ちます。

 

ファイルサイズが小さくなればそれだけサイトの読み込み時間も短縮されるので『画像のサムネイル作成』機能はうまく使い回したいところですね。

 

最初のH2レベル見出し挿入位置

『記事タイトル1』には何も入力せず、本文を入力していきます。

 

途中で最初のH2レベルの見出しを入れたい箇所に来たら『記事2』に移動します。

 

そこで初めて『記事タイトル2(H2レベル)』に見出しを入れ、
続けて記事2,記事3...と本文を書いていきます。

 

そうすると大見出し(h1)→アイキャッチ画像→本文→最初のH2見出し(h2)→本文...という
理想的な構造になります。

 

そのためカスタムテンプレート【Volar】では、
”記事タイトル1には何も入力しない”ようおススメしてます。

 

仮に『記事タイトル1(H2タグ)』に見出しテキストを入力したとしても問題はないです。

 

ただしその場合、アイキャッチ画像の前に最初のH2見出しが来ることになっちゃいます。

 

アイキャッチ画像を置かない場合ならこれでも問題はないですけど。

 

キャプチャ画像

 

アイキャッチ画像作成が面倒くさいという方へ

”アイキャッチ画像を入れるのが面倒”とか”アイキャッチ画像を入れると不自然になる”ページ作りをしてる場合は、画像なしでも特に問題はありません。

 

ただ人の目を引くアイキャッチ画像はあった方がいいとは思います。

テキストだらけのページは読む前から飽きてしまいますからね。

 

それにアイキャッチ画像はサムネイル画像としても使えます。

 

わざわざサムネイル画像を作るのであれば、
いっそアイキャッチ画像から作った方が合理的ではないでしょうか。

 

画像加工ソフトは何がいい?

アイキャッチ画像を作成する際に困るのが
画像の加工(ボカシ・文字入れ・トリミングなど)でしょう。

 

そのまま使えるものなら最高ですが、なかなかそうもいかないもんです。

 

そしてほぼ毎回しなきゃいけないのがリサイズ作業。

 

できればあなたの中で規定サイズを作っておいて、
”アイキャッチ画像はいつもこのサイズ”というふうにしておくと手間がかかりません。

 

それには画像加工ソフトが必要になります。

 

もしもお金をかけたくないというのであれば
無料ソフトのGIMP(クリックすると窓の杜に飛びます)あたりがおススメです。

 

使い方はネットで検索すればいくらでも出てきます。

 

トリミングや文字入れ程度ならすぐにでも習得できちゃいます。

 

最後に...大・大・大前提として、”これらの仕様がイヤだ・面倒くさい”という場合は、
すぐにSIRIUS標準の設定に戻せますのでご安心を。

SIRIUSカスタムテンプレート【Volar】

キャプチャ画像

SIRIUS ver.1.5で大幅刷新された新テンプレートを元に、独自のカスタマイズを加えた改良型SIRIUSカスタムテンプレートが【Volar】です。

入手方法についてはコチラ↓をご覧ください

(※「SIRIUSでホームページ作成」という姉妹サイトの専用ページが開きます)
 この記事をシェア 
キャプチャ画像

PC版レイアウトに切替

スマホ版レイアウトに切替