BlogWindows10とかPCとかマウスとかキーボードとかとか。前へ次へ検索TwitterRSSFeedlyHome>WordPress>テーマ【WordPress】ブログのサイドバーは左より右がオススメ!2018年11月9日B!WordPressブログでもレンタルブログでも、記事や文章などコンテンツの左右どちらかにサイドバーをおくのが一般的になっています。新しくブログを立ち上げるときに迷うのが、サイドバーを左においてコンテンツを右にするか、コンテンツを左においてサイドバーを右にするか。大差ないように思うかもしれませんが、サイドバーの位置もSEO・検索順位にも関わる大事な要素のひとつです。まとめ:ブログのサイドバーは右がオススメ!スポンサーリンク記事などコンテンツが重要かナビが重要か結論からいえば、ブログではサイドバーは右がオススメです。実際に多くのブログ、メディア用のWordPressテーマはサイドバーは右で、ずいぶん前から主流として使われています。Yahoo!ニュースをはじめとしたメディアサイトでもそのほとんどがサイドバーは右にあります。ご覧の通り本サイトも右側。(スマホだと下だけど)その理由は人の目線の動きにあります。下へ動くのが基本です。左)ブログを読むときも同じで、一番最初に読者の目につくのは左上の部分です。サイドバーを左に置くと最初に読者の目に飛び込むファーストビューがコンテンツ=記事の内容ではなくサイドバーになってしまいます。サイドバーは別名サイドナビとも呼び、読者がほかのコンテンツへ移動しやすくサイト内のコンテンツを整理しておく役割を持つもの。いえばサイドバーが左にあれば左ナビ、右にあれば右ナビとも呼ばれるほどにサイドバーはナビナビしいもの。ちなみにヘッダーはグローバルナビと呼ばれる。コンテンツを読みに来たのにいきなり別の場所にナビされたら読者は読む気がそがれて離脱してしまいます。そこで耐えたとしても、記事の行が変わるたびに左にあるサイドバーに目が行くため本来コンテンツに向くべき集中力が分散されてしまいます。コンテンツ=文章など記事の内容が重要なブログ・メディアにおいてはサイドバーは右にあるサイドナビが正解なのです。1カラムや3カラムといった選択肢もコンテンツの段がコンテンツ(記事の内容)とサイドバーのふたつに分かれる構成を2カラムと呼びます。要素がふたつだから2カラム。本ブログも含め、多くのブログで主流になっています。これに対しサイドバーがなくコンテンツが左右に広くどーんとしている構成を1カラムといいます。要素がコンテンツのひとつだけだから1カラム。画像や動画が大写しにできるため非常にインパクトの強い構成になります。PCとスマホとで見た目の違いが少なくなるメリットも。横に広すぎるためテキスト主体のブログには向かない&サイドバーがない分サイト内の回遊性が悪いデメリットがあります。インパクト重視&シンプルなサイトでないと向きません。コンテンツに対しサイドバーがふたつある構成を3カラムといいます。アメブロやまとめサイトに多い構成です。コンテンツとなるブログ本文部分が狭くなるため、見やすさを考えると自然と改行が増えてしまいます。長文向きではありません。一般的ではない変則的な例として、サイドバーが左右ではなく右にふたつ、みたいな例もあります。これはサイドバーに入れるバナーやコンテンツが多すぎる場合にページが長くならないようにするための苦肉の策といえるでしょう。選択肢のひとつとして1カラム、3カラムもご紹介しましたが、特別な狙いがないのであればひとまず右サイドバーの2カラムがオススメです。余談:ECサイト(ネット通販ショップ)は業界は左ナビが主流ちなみにECサイト(ネット通販ショップ)も2カラムが主流。ブログとは逆にサイドバーが左側にあることが多いです。これはコンテンツ(商品ページそのもの)よりも各種キャンペーンや特集バナーをアピールし、よりたくさん買ってもらう=回遊性を重視する狙いがあります。ECサイトでもブログ同様サイドバーなしの1カラムサイトでオシャレさを重視しているショップも増えています。まとめ:ブログのサイドバーは右がオススメ!人の視線の動きを考えれば、メインコンテンツは左でサイドバーは右が無難。ほかにも左右にサイドバーを置く3カラムやコンテンツのみの1カラムの選択肢もある。全体レイアウトはなにを狙っているかによって変えるものだが、読み物ブログであればサイドバーは右側に置くのがオススメ。1カラム、3カラムの選択肢も含め、サイドバーの配置はどんなブログにしたいか、なにを目指すべきかにもよります。お手本のブログがあるならそこをそのままマネするのもあり。お手本にしたいブログもない初めてのブログとかブログ初心者の方なら、迷わず2カラム右サイドバー一択です。社会人にとってのとりあえず生ビールと同じです。ブログも数をこなさないと見えないものがたくさんあります。HTMLにおける引用タグ。コメントをキャンセルメールアドレスが公開されることはありません。*ウェブサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。スパム対策のため日本語が含まれない投稿は無視されます。...Android版twitterアプリが開けない場合の対処方法【繰り返し終了】Android版twitterアプリが強制終了し開けないエラーが発生中。