今回は、前回のSTEP2で紹介した、headタグに実際に記述する内容についてです。
![ブッ君](http://webookmark.net/wp-content/uploads/2021/03/52E719F5-3D4C-4C2B-AB87-7E18D1D82840-150x150.png)
ブッ君
マー君、前回のSTEP2で学んだheadタグについては覚えているかい?
![マー君](http://webookmark.net/wp-content/uploads/2021/03/D9A8D3D4-C551-430F-85BC-65871A31977C-150x150.png)
マー君
うん、確かサイト上には表示されない、設定なんかを記述するんだよね。確かmeta要素とか・・・でも何を記述すればいいかはまだ教わってないよ。
![ブッ君](http://webookmark.net/wp-content/uploads/2021/03/10AD4DE2-7F91-4524-98BE-E739C73333BF-150x150.png)
ブッ君
うん、今回は具体的に何を記述するのかを説明しているサイトを紹介するよ。直接サイトの表示はされない部分だけど、SEOにも大きく影響するから、とても重要な部分なんだ。
![マー君](http://webookmark.net/wp-content/uploads/2021/03/49B35121-971B-4826-8D9B-CF87C837DAB7-150x150.png)
マー君
SEO??また新しいワードが出てきた・・・大丈夫かな・・・
![](http://webookmark.net/wp-content/uploads/2021/03/6972A07B-9E1D-4B0A-8E55-2DC18C2FC432-150x150.png)
ゴメンゴメンww
SEOについてはまた別の機会に説明するから心配しないで。今回はheadタグ内の記述について集中しよう。下記のサイトはSEOについても簡単に説明されているから、何となく理解しておく程度で大丈夫!!
頑張ってね!!
![マー君](http://webookmark.net/wp-content/uploads/2021/03/EE32D421-D535-4601-B630-B0BB05EF4EC8-150x150.png)
マー君
分かった!!しっかりと読んでいくね。
headタグ内で使用するタグを理解しよう
headタグ内で使用するHTMLタグは
linkタグ
titleタグ
ブラウザのウィンドウやタグに表示されるテキストを指定するタグ。
metaタグ
metaタグはSEOにも影響する重要な部分なので、しっかりと必要な項目を記述するようにしましょう。
script/noscriptタグ
このタグはbodyタグ内に記述する事も出来ます。
headタグとbodyタグのどちらに記述するべきはコチラのページにわかりやすくせつめいされています。
まとめ
以上がheadタグ内に記述する内容です。上記の内容を綺麗にまとめられているサイトを下記に貼っておきましたので、こちらも併せてご覧ください!
コメント