*

タイトル(メタタグ)と見出しタグを編集する

公開日: : 最終更新日:2017/10/15 Webサイト作成 ,

テンプレートのソースタグ「<head>~</head>」の部分を編集します。ここはブラウザでは見えない部分ですが重要。

タイトルは検索結果の見出し、キーワードはよく考える

タイトルには通常「業種(業務内容)、所在地、会社名」などを入れます。たまに会社名だけなど短いタイトルをみかけますが、もったいないですね。

表示される文字数制限はありますが、クリックしたくなるタイトルにしましょう。
検索結果がよくなければキーワードを替えるなどして、思考錯誤を繰り返すことが大切。上位表示されている競合他社を参考にすることも必要です。

また、タイトルと同じくらい重要なのがディスクリプション。ページの説明文を記載します。もちろんキーワードも入れましょう。ディスクリプションを記載しない場合、検索結果には本文の一部を抜粋したテキストが表示されます。

メタタグ内のキーワード()は、あまり重要ではないともいわれますが、主要キーワードは入れておきましょう。ちなみに、手間はかかりますが、それぞれのメタタグは、各ページ異なったもの(各ページの内容に合ったもの)を記載します。

見出しタグ「h1、h2、h3、h4…」の編集をする

h1などの見出しタグも重要。ページの要約とキーワードを入れましょう、ここも各ページごとに違ったテキストを。

今回のテンプレートの見出しタグ「h1」は、スタイルシートで大きさや色。「h2」はバナータイプに装飾されています。

テンプレートの見出しタグ

ちなみに、見出しタグはスタールシートで大きさを調整しないと、下のような比率の大きさになります。よく使うのはh3くらいまででしょうか…

装飾なしの見出しタグ

今回のテンプレートのh1タグは下のようなスタイルシートで、大きさや色などを指定しています。

見出しタグ用のスタイルシート

また、見出しタグの使い方は基本的にh1は各ページで1回。h2以下は複数回使えます。ただしh3がh1やh2の前(上)にくることはありません。
■h1→h2→h3→h4
■h1→h2→h3→h2→h3(h2とh3が対の内容になる場合、h3がh2の前になることもある)

メタタグの設定や見出しタグは、検索エンジン対策に重要ですのでお忘れなく。



ad

関連記事

TeraPad

サイト作成に役立つツール

webサイト作成には、バナーやボタンなどが必要です。 ホームページビルダーには「ウェブアートデ

記事を読む

画像を回り込ませる方法

スタイルシート(CSS)で画像を回り込ませる

赤枠部分のような、CSSで文字の右や左に画像を回り込ませる方法。ホームページ制作によく使いますね。

記事を読む

無料テンプレート

webサイトのテンプレートはどれを選ぶ?

さて、サイトのテンプレート選びです。 googleで検索をかけると、たくさんでてきます。 い

記事を読む

トップバナー

トップのイメージ画像を入れ替える

サイトのイメージ画像とロゴを入れ替えましょう。 あらかじめテンプレートにはサンプル画像が入って

記事を読む

エックスサーバー

レンタルサーバーを選ぶ

webサイトの運営にはサーバー選びが重要。 中小企業、個人事業者なら、レンタルサーバーが一般的

記事を読む

スマホ人口の増加

スマホのユーザーが増加中!なのに…

企業のウェブサイト(ホームページ)でも、まだスマートフォン対応していないものが多いですね。

記事を読む

ファイルを開く

テンプレートをダウンロードして準備

さて、いよいよサイトを作っていきます。 まず、今回使うテンプレートファイルをパソコンにダウンロ

記事を読む

電話番号にリンクを設定する

スマホサイトによくある、タップをすると電話がかけられるリンクを設定します。 スマホ画面では電話

記事を読む

php工房

問い合わせフォームを作る

ちょっと油断すると更新が遅れますね(笑 ところで、サイトに不可欠なのが問い合わせフォーム。

記事を読む

スマホの画面

スマホサイトに画像やメニューを表示させない設定

スマホの画面は表示範囲が狭いので、縦長のサイトになります。 縦スクロールは操作がしやすいとはい

記事を読む

ad

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

ad

フェンダー アンプ
機能満載アンプ「Fender Mustang GT40」が届いた

数年ぶりのアンプ購入。Fender Mustang GT40が届きまし

JUJU 東京
JUJUが泣いたMV これは泣けた…

今日、3月1日は娘の卒業式。幸い春の嵐は昨日がピークだったようで、無事

YOUNG GUITER
今さらながらのギターと理論

2月4日立春。暦のうえでは春の始まりらしいですが、しばらく極寒の日が続

メンテナンス完了のギター
FUJIGEN OS-10TT ストラトのメンテナンス

フジゲンカスタムショップ製のストラトキャスターOS-10TTです。

Sick As Overdrive MKⅡ
「Sick As Overdrive」ケンタウロス系のエフェクターを使ってみた

雑誌ギター・マガジンで某ギタリストの評価が高かったエフェクターを買って

→もっと見る

PAGE TOP ↑