初心者でも出来るホームページの作り方ガイド

記事の内容は動作や機能を100%保障するものではございません。悪しからずご了承下さいませ。※カスタマイズは必ずバックアップの上、自己責任にて行って下さい。

メモ

このサイトは「micata2」「AFFINGER4」の総合マニュアルサイトになっています

WordPressカスタマイザーで配色するSEO的な懸念事項と解決方法

seo-1210158_960_720

※「micata2」より解決済み

カラーを手軽に変更出来るカスタマイザー機能ですが1つSEO的に懸念事項があります。実はそのせいで僕はあまりカスタマイザーで配色するのは好きではありません。

それは、

設定したカラーのCSSをヘッダーのソースに吐き出す

仕様です。

試しにテーマカスタマイザーを使用してカラー変更したサイトを「Ctr + U」でソースを見てみます。

2016-03-10_171313

Googleが現在どのように判断するかは何ともいえないところですが、ソースは出来る限り綺麗にすべきというのが昔ながらのSEOである以上、ヘッダー部でコンテンツに関係ない記述が大量に記載されるのは凄く気になります。

解決方法

そこで簡単な解決方法。

まずは通常通りテーマカスタマイザーを利用してカラーを好きなように変更します。そして、保存したら一度サイトをブラウザで開いて「Ctr + U」でソースを開きます。

次にソースのヘッダー部にある

から

間にあるソースだけを全てコピーします。

子テーマのCSSに貼る

2016-03-10_172751

コピーしたCSSの内容をを子テーマの「外観」→「テーマの編集」にてstyle.cssに貼り付けます。

2016-03-10_172817

子テーマとは

子テーマは親テーマと共にインストールの上、有効化する事で親テーマに影響を与える事なく修正を加える事が出来るテーマです。(各テーマのダウンロードページに用意してあります。)

子テーマのstyle.cssに記述したCSSは親テーマと共に読み込まれますが優先されます。

オリジナルカスタマイザーのチェックを外す

2016-03-10_154120

最後にテーマオリジナル管理の「オリジナルカスタマイザーを使用する」のチェックを外せばスッキリ解決です。

※ヘッダー画像を再設定する必要がある場合があります。

また修正したくなったら有効化して再度繰り返し!簡単よ

人気記事

kawaii 1

以前にWordPressテーマ「STINGER PLUS+」を公開した際に作成したサンプルサイトが「可愛い!」と特に女性の方から非常に好評をいただきました。 今回の参考サンプルサイト ただ現在「STI ...

2

ホームページを今まで沢山作ってきましたが、リニューアル案件以外の方はやはり「予算重視」である場合が多く、こちらの言う「大切」な事とか「重要な事」なんていう意見は「わかっているけど・・・」とはいうものの ...

tonkotu 3

今回はまず、ベースとなる「ホームページのタイトル」の考え方と下層ページコンテンツに何を作るべきかを考えていきます。 「タイトル設定」はまず最初に行うべき事であり、またホームページの命運を分ける最重要項 ...

投稿日:2016年3月10日 更新日:

Copyright© ホームページ作成なら無料テンプレートのmicata(ミカタ) , 2016 AllRights Reserved Powered by AFFINGER4.