LuxeritasはLuxeritasは、SEO 最適化済み、レスポンシブ、高カスタマイズ性を持つ無料のWordPressテーマです。特にカスタマイズは高機能で細かいところまでカスタマイズでき、プラグインの追加なしでサイトを構成できます。（この記事はVer3.3.6を基に書いています）
目次
Luxeritas
カスタマイズ
カスタマイズ内容は以下の表のようになっています。公式テーマに比較して豊富なカスタマイズ機能を備えています。
| サイト基本情報 |
|
|---|---|
| グリッドレイアウト |
|
| カラム操作 |
|
| ヘッダー・フッター | タイトルの位置・余白・ヘッダーの位置・フッターの位置を指定できる |
| コンテンツ領域とサイドバー |
|
| ディスカッション |
|
| 細部の見た目 |
|
| メタ情報の表示位置 | 記事タイトル下と記事下のメタ情報を表示させることができる。（投稿日時・更新日時・カテゴリ名・タグ表示タクソノミー） |
| サムネイル（アイキャッチ） |
|
| 文字種（フォントファミリー） | ローマ字フォントと日本語フォントを選択できる |
| 文字サイズ | ページ内の各文字サイズを指定できる |
| 文字色 | リンク色やリンクホーバーの色を指定できる |
| 背景色・枠線色 | コンテンツ・サイドバー・ヘッダー・フッター・コピーライトなどの背景色・枠線色を指定できる |
| 背景・タイトル・ロゴ画像 | サイトのタイトルを画像にしたり、ワンポイントロゴ画像をサイトのタイトルの左に表示したり、サイドバー背景画像、ヘッダー背景画像等を設定することができる。 |
| パンくずリンク | リンクの配置・余白・文字色・背景色を設定できる |
| ヘッダーナビ（グローバルナビ） | グローバルナビの位置、モバイルメニューの種類、スクロール固定、横幅の大きさなどを指定できる |
| ヘッダー上の帯状メニュー | 表示や横幅、帯状メニューの外観、検索ボックスの文字色・背景色、フォローボタンの表示方法を指定できる |
| 目次 | 投稿内の見出しタグに基づいて目次を作成できる |
| アニメーション | サムネイル、SNSシェアボタン、ヘッダーナビのアニメーション効果を有効にすることができる |
| Lazy Load（画像の遅延読み込み） | サムネイル・コンテンツ・サイドバーの画像をそれぞれ指定できる |
| 画像ギャラリー | 画像ギャラリーの種類を指定することができる |
| 外部リンク | 外部リンクの属性を指定することができる |
| 投稿者名の表示 | 投稿者のリンク先ページを指定できる |
| ブログカード | ブログカードの有効化と設定ができる |
| SNSシェアボタン | SNSシェアボタンの種類と配置などを設定できる |
| SNSシェアボタン（2） | 記事上と下の各ボタンの表示・非表示ができる |
ウイジェット
- 汎用サイドバー（タイトルh3タイプ）
- 汎用サイドバー（タイトルh4タイプ）
- トップページ用サイドバー（タイトルh3タイプ）
- トップページ用サイドバー（タイトルh4タイプ）
- トップページ以外のサイドバー（タイトルh3タイプ）
- トップページ以外のサイドバー（タイトルh4タイプ）
- スクロール追従サイドバー（h4タイプ）
- AMP用サイドバー（h4タイプ）
- ヘッダー下ウィジェット
- ヘッダー下ウィジェット（AMP用）
- 記事タイトル上ウィジェット
- 記事タイトル上ウィジェット（AMP用）
- 記事タイトル下ウィジェット
- 記事タイトル下ウィジェット（AMP用）
- 投稿内で最初に見つかったH2タグの上
- 投稿内で最初に見つかったH2タグの上（AMP用）
- 関連の記事上ウィジェット
- 関連の記事上ウィジェット（AMP用）
- 関連の記事下ウィジェット
- 関連の記事下ウィジェット（AMP用）
- 記事一覧上ウィジェット
- 記事一覧中央ウィジェット
- 記事一覧下ウィジェット
- フッター左（タイトルH4）
- フッター中央（タイトルH4）
- フッター右（タイトルH4）
- 記事下ウィジェット
- 記事下ウィジェット（AMP用）
- 記事下ウィジェットよりさらに下
- 記事下ウィジェットよりさらに下（AMP用）
- 3カラムサイドバー（タイトルH3タイプ）
- 3カラムサイドバー（タイトルH4タイプ）
検索エンジン最適化
検索エンジン最適化はユーザーが求める情報のキーワードを見つけ出し適切なコンテンツとして提供することを大前提とします。
metaタグ
「meta」タグはSEOで大切なもので、Googleがサポートするmetaタグの最適化をしておきましょう。meta（メタタグ）はページの設定や情報を伝えるために、HTMLファイルのheadタグ内に記述します。重要なタグには以下のようなものがあります。
- <meta name=”discription” … />
- <meta name=”robots” … />
- <meta name=”keywords” … />
- <title>ページのタイトル</title>
「meta」タグはSEOで注目されるタグですが、上位表示に直接つながる記述法は存在しなくなりました。以前ではキーワードを配置することが推奨されたこともありました。しかし、現在は自然な文脈で自然に記述することが求められています。
重要な「meta」タグには、title,description,keywords,robotsが存在しますが、titeleとdiscriptionは特に重要なタグになっています。検索エンジンはtitleタグの内容を順位を決める材料の一つとしているので重要視されているのです。discriptionは順位判定の要素としては現在は重要度低いものです。しかし、検索インディックスのスニペットに表示されることが多いので、文章として非常に大切です。インディックスに表示されたとき前後のサイトが魅力的なものっだたら見過ごされてしまうかもしれないのです。
「meta title」タグ
「meta title」タグのは、攻略したいキーワードを含めて、短く分かりやすいタイトルにします。タイトルの重複が発生しないように、サイトマップなど事前に仕様を決定し作業を進めることが必要です。文字数は32文字までに、短すぎるのもよくありません、ページの内容を表しキーワード含めて記述します。
検索エンジンの上位を狙って作為的にタイトルを記述してもコンテンツの内容とマッチしていない場合はタイトルを変更をされたり、順位降下やインデックから削除、最悪はペナルティを受けることがあります。ページの内容を表すタイトルにします。
ページタイトルは検索アルゴリズムで重要視されています。ページタイトルはページの表題を表し、内容を最も端的に表す文字列が入るべきところであり、適切なキーワードを含めることで効果的になります。しかし、順位を上昇させようとページの内容と全く異なるタイトルを設定することは逆効果になります。
Googleの技術の進歩は驚くべきものがあり、ページの文脈を理解することが可能な状況になりつつあります。以前はキーワードを含めることはSEOの鉄則といえるほどでしたが、今日ではキーワードがページタイトルに含まれていない場合でもサイト全体からキーワードの方向性を読み取り、検索結果に反映されるようになってきています。
ページタイトルは、ユーザーの関心（何を必要としているのか）を適切に表現し、自然検索エリアで見つけてもらうことです（検索結果に表示されるだけでなく、クリックしてもらうことが重要）。
魅力的なページタイトルにする
上位表示に重要なページタイトルですが、もう一つの重要な役割があります。上位表示ができていても、これができていないと意味がなくなってしまいます。それはわかり易く、ユーザーにとって魅力的なページタイトルなのかということです。検索結果には競合他社が並んでいます。この中から貴社のページを選んでもらわなければなりません。以下の点に留意してページタイトルを決めます。
- ページのメッセージがみえる・想像できる
- 得られる効果やその後のメリットがわかる・想像できる
「meta discription」タグ
「discription」にはページの要約文を記述します。スニペット（検索結果の一部として表示される、ページの要約文のこと。）に利用されています。文字数としてはPC用に120文字、スマホ用に60文字が適切となっています。
クリックして訪問したくなるような魅力的な紹介文を記述します。記述しない場合は、検索エンジンが本文の中からメタタイトルにふさわしい場所を抽出しインデックスに表示します。スニペットは常に同じ内容が表示されるのではなく、クエリによってページ内の文章が抜粋されることもあります。
Googleはなるだけ多くのページにディスクリプションを記述しキーワードを含めることを推奨しています。ディスクリプションにキーワードを含めることでランキングで優位になるとされていましたが、Googleからは現在は効果がないことが公表されています。ディスクリプションは検索結果からの流入を増やすための文章作りに力をいれたほうがよさそうです。
では、ディスクリプションを記述しないとどのようになるのでしょう。Googleは自動的にコンテンツから抜粋してキーワードに関連する文章を表示します。ディスクリプションは検索結果のスニペットとして利用されているのでユーザーが読みたくなる文章にすることも大切です。
<meta name=”description” content=”ページの紹介文”>
また、検索エンジンの検索結果にて「タイトル」の下にスニペットとして表示されます。ディスクリプションは、60文字～120文字前後でわかりやすくします。そして、コピーは厳禁です、全ページ異なるディスクリプションを記述するようにします。コピーは重複コンテンツとみなされ、検索エンジンに評価を落とされてしまいます。オリジナルのしっかりとした説明文を記述します。サーチコンソールで重複を確認することができます。注意点はテーマやSEO関連のプラグインを導入することにより、ディスクリプションが重複してしまったりすることもあるのでソースを確認は欠かせません。
「meta keyword」タグ
「meta keyword」は、クロウラーと呼ばれる検索エンジンロボット用のタグで、そのページをどのキーワードで最適化しているかを知らせることができました。現在では、この「meta keyword」にSEOの効果はほとんどないと言われていますが、評価の対象になっている検索エンジンもあります。Googleは、2009年9月21日にウェブマスター向けオフィシャルブログで「meta keywordを検索順位を決定づける要素としては利用していない」と記述しています。
その他のmeta属性
meta属性にはドキュメントの作者が簡単にメタ情報を提供できるように、HTMLにはメタデータを文中に埋め込むための要素タイプがいくつか用意されています。head要素内に記述するものは基本的にmeta情報ですし、address要素や汎用属性のtitle属性などもmetaデータを提供する手段です。
| 属性 | 説明 |
|---|---|
| name | 項目の名前 |
| http-equiv | HTTPヘッダ名 |
| content | 設定する値 |
| scheme | 詳細情報 |
| lang | 言語 |
| title | タイトル |
metaタグはSEOにおいて基礎的な設定部です。正しく記述することで検索エンジンにコンテンツが評価され結果的に上位表示に繋がります。サイトの設計・SEOの設計が正しくできていることで効力を発揮します。
ブログのキーワードの決め方
ブログをキーワード決めて記事を書くと検索エンジンからの流入が安定し集客を安定して行えるようになります。キーワード決めて書くことで、記事のテーマが絞り込まれ検索エンジンから評価を得ることができ検索結果に常に表示されるようになり、記事が増えることでユーザーの窓口が増えます。結果として2～3人/1日の見込み客を獲得できるようになってきます。ブログキーワードを決めるには記事を書く前にキーワードを想定し実際にそのキーワード使って検索エンジンで検索します。結果に表示されている1ページ目のサイトの内容を確認してみましょう。これから書こうとしている内容と共通したところがあるでしょうか。1ページ目には検索エンジンが評価しているコンテンツが並んでいるので、もしこれから書く記事が内容が異なる場合は安定した結果への表示は可能性が低くなります。
ブログ記事のキーワード注意点
キーワードというと過去に行われたキーワードの出現率を連想される方もいるかもしれませんが、出現率を調整する効果は全くと言っていいほどありません。あくまでキーワードを決めて書くことで記事内の文章がぶれずに書けるということです。このことで自然に出現率が上昇する文章が書けるようになります。ブログは継続して書くことが推奨されています。記事が多ければそれだけキーワードが増えることに繋がることからきているようですが本当にそうでしょうか。
WordPressテーマに関連する記事
Wellington (ウエリントン) はきれいでシンプルなマガジン WordPress テーマで、美しいタイポグラフィーと微妙な色合いが特徴です。テーマには、2つの異なる投稿レイアウト、おすすめ投稿スライダー、およびカスタマイズツールの思いやりのあるテー…
E-Commerceは、Eコマースは、キャッチテーマによるシンプルでクリーンで応答性の高いeコマースWordPressテーマです。特に人気のあるeコマースプラグイン「WooCommerce」で動作するように設計されています。レスポンシブWebデザインに基づ…
Canaryは、ブログに焦点を当てたクリーンでわかりやすく設計されており、さまざまな画面サイズで読みやすく、複数の言語に適したシンプルでわかりやすいタイポグラフィを備えています。それを使用して、何かをクールにしたり、楽しんだり、学んだことを他の人と共有した…
LuxeritasはLuxeritasは、SEO 最適化済み、レスポンシブ、高カスタマイズ性を持つ無料のWordPressテーマです。特にカスタマイズは高機能で細かいところまでカスタマイズでき、プラグインの追加なしでサイトを構成できます。（この記事はVer…