HTML/CSS

TCDテンプレート『MAG』の見出し(h1,h2)の設定は変更しよう〜SEO重視するなら変更必須〜

TCDといえばホームページ業者やブロガーならほとんど知っているんじゃないかというくらい、

日本一有名かもしれないホームページテンプレート作成会社で、

このブログもTCDテンプレートの中の一つ『MAG』を使わせてもらっているのですが、

別件でリサーチしていた時にたまたま『MAG』の気になる点を見つけてしまいました。

それが、『見出しタグ(h1)』の使い方。

※h1 のhは、heading(見出し)の頭文字からとったものらしいです。

Sponsored link

そもそもSEO( エスイーオー)って何?

例えばおしゃれカフェに行きたいなぁと思ったとしたら、

グーグルやヤフーで『熊本 おすすめ カフェ』というようなキーワードで検索した時に、

こんな感じで検索結果が表示されると思います。

この順番はグーグルの超ハイテクマシーンが決めていて、

その順位の決め方を『SEO(エスイーオー)』と呼ぶようになっています。

『SEO(エスイーオー)』は正式には『検索エンジン最適化(サーチエンジンオプティマイゼーション)』

と呼んでいて、

順位を決める基準が数百個あるそうなんですが、

その中でも重要と言われているのが、

『キーワードに沿ったタイトルと見出しをつける事』

だと言われています。

もちろんこのタイトルは、トップページならホームページの名前になるし、

記事ページなら、その記事のタイトルになるべきだと思っているのですが、

なぜかTCD『MAG』の設定では、全てのページのタイトルが、ホームページの名前になっているような状態なんです。

アオキ
全ページ同じタイトルって思われるのはちょっとなぁ・・・

という事で、TCD MAGの見出し設定を変える事にしました。

TCD MAGの見出しを変更しよう

見出しを変える具体的な方法は、こちらの記事に細かく掲載されていたので、
この通りに進めればOKでした。

しっかり変更されているかを確認するには、『SEOチェキ』というサイトを使うと便利です。

『SEOチェキ』で気になる記事のURLを貼ってクリックすると、こんな画面が表示されます。

この記事の場合は、

タイトルとh1(見出しタグ)に『マイクロビット できること』という狙っているキーワードが入っているのでOKとなります。

また、もっと細かく(正確に)確認したい場合は、

記事ページの中でマウスの右クリックを押して、『ソースを表示』という項目をクリックすると、

記事ページで実際に使われているHTML(エイチティーエムエル)が表示されるので、

『h1』を検索して、狙った通りに設定されていればOKです。

こうですね。

おわりに

ホームページやブログを作る時に、

自分で一からつくるというのはなかなか時間がかかるので、

あらかじめしっかりつくられているテンプレートを使うというのは有効な方法だと思うんですが、

ホームページやブログでしっかりアクセスを集めようとするなら、

SEO(エスイーオー)を意識したキーワードや記事の構成が必要になってきますし、

せっかくの綺麗なテンプレートでもSEOがイマイチだったりすると悲しいので、

少し余裕がある時にでも『見出しタグ(h1)』の設定を確認してみるのもいいのかなと思います。

TCDはキレイなデザインのテンプレートがたくさんあるので、
ブログやホームページをつくっていたり興味があるなら、一度見てみるといいかもしれないですね。

TCDのホームページを見てみる

Sponsored link

関連記事

  1. HTML/CSS

    【Sass】の書き方をアップデートすべくbulmaフレームワークを読み解いてみる【初心者向け】

    ホームページなりWebサービスを作ろうと思ったらもれなく『HTML…

  2. Wordpress

    Woocommerceのデザインを変更してみた時の話

    先日とあるクライアントさんから頂いた案件の中で、woocommerce…

  3. HTML/CSS

    パソコンでホームページをつくる5つの方法とサーバー4種類をまとめてみました【初心者向け】

    子供向け無料プログラミング寺子屋『CoderDojo熊本』第1回のアン…

  4. HTML/CSS

    レスポンシブサイトの作り方をめっちゃわかりやすく書いてみた【Bootstrap4】【初心者向け】

    そもそも『レスポンシブサイト』って何?『レスポンシブサ…

  5. HTML/CSS

    ホームページを作成して売上をあげるために知っておきたい事

    今回の記事ではこんな悩みにお答えします。ホームページって稼…

  6. Wordpress

    ワードプレスでクリック数を知りたい!というご相談をいただいたので対応方法をメモしておきます

    どーも、アオキです。最近ようやく赤ちゃんが寝返り返りしてくれて感極…

Sponsored link

最近の記事

Sponsored link
  1. MySQL

    検索システムのデータベースの作り方や考え方を8ステップで書き連ねてみる
  2. Laravel

    【Django】【Laravel】【RubyOnRails】を比較してみた【初心…
  3. 検索システム

    バリアフリーなホテル のページをオープンしました。
  4. docker初心者向けdocker-composeからやったほうがいいかもよ

    ツール

    【Docker】初心者はdocker-composeから始めた方がいいかもしれな…
  5. 検索システム

    【検索システム】をつくってみた【実際にログインしてさわれます】
PAGE TOP