ホームページ制作初心者のためのHTMLタグの基礎知識・書き方がわかる記事5選

Web担当者様は、ホームページの改修の対応の際に、外注先や制作メンバーとうまくコミュニケーションがとれないと感じたことがあるのではないでしょうか。
修正点を伝えるために仕様書を作成し、何度かやり取りをして必要があればさらに修正を依頼する、というやりとりは非常に非効率です。

特に HTML タグ 周りについては、 SEO に関連する要素も多いため、頻繁に書き換える機会が出てきます。

今回は、 HTML タグの基礎知識と書き方についてわかる記事を5つご紹介します。

1. タグ ・ HTML とは。ホームページの基礎技術

https://ferret-plus.com/381

タグ は HTML を構成する要素です。 HTML とは、 テキスト に情報を付加する役割を担う プログラム です。
HTML はプログラミング言語と違い、情報を「処理」するのではなく、文字装飾などの働きをする「情報を付加する」言語です。
こちらの記事では HTML の役割を説明しています。 HTML がそもそも何なのかわからないという方は一読してみましょう。

2. タグ の基本的な書き方

https://ferret-plus.com/389

HTML タグは意外にシンプルな要素で成り立っています。基本書式の種類も膨大な量という訳ではないので、覚えるのは比較的簡単です。 テキスト エディタにタグを記述し、 HTML ファイル形式で保存して ブラウザ 上で閲覧すればホームページとして閲覧することができます。
まずは簡単な記述から試してみましょう。

3. A タグ の書き方と タグ 記述の注意点

https://ferret-plus.com/400

ホームページ内で重要な要素となるA タグ について解説しています。
大文字、小文字どちらでも表記可能で、オプションで追加する命令（属性）も、厳密には決められていないため、比較的融通のきくタグです。
リンク 構造をなす基本的なタグとなるので、記述方法や意味についてはある程度理解しておきましょう。

4. 基本 タグ ・メタ情報と構造化文章の書き方

https://ferret-plus.com/406

ホームページを作成しても、ほとんど検索に引っかからないのでは意味がありません。 Google 検索エンジン に理解されにくい記述をしてしまうと、 インターネット ユーザー の目にほとんど触れられないままになってしまいます。そこで重要となるのがメタ情報とよばれる文書自体の情報を付加することです。
こちらの記事ではメタ情報の書き方について解説しています。

5. ホームページを強化する タグ 貼り付けをマスターしよう

https://ferret-plus.com/458

ホームページ上にyoutubeの動画を貼り付けたり、 Google Analyticsや リスティング広告 の情報を付加する時に書くサービスのタグをホームページに貼り付ける必要があります。
こちらの記事では、上記で挙げたような主要サービスのタグを取得する方法を解説しています。

まとめ

実際に自分の手でタグを触ることがなくても、タグの記述ルールが理解できていると社内の制作チームや外部企業との共通言語が増えてコミュニケーションを非常にスムーズに行うことができます。
自分の依頼内容が可能かどうなのかというところもわかるようになるので、差し戻しの数も減ります。
知っておくことで様々なメリットを享受できるので、Web担当者の皆様は少しずつでも タグ についての知識を深めておきましょう。

このニュースを読んだあなたにおすすめ

Webマーケティングの基礎～3C分析を使ってみよう

LPOとは

ランディングページ（LP）の構成について

このニュースに関連するカリキュラム

LPOカリキュラム一覧

効果的なホーム ページ ・ ランディングページ の作成を順を追って説明しています。配色のみにこだわらず全体的な構成もしっかり考えましょう。