WEBライター・ブロガーが最低限知っておきたいHTMLタグ10個WEBライター・ブロガーが最低限知っておきたいHTMLタグ10個2018.07.05立見香HTMLSEOWebデザインWebマーケティングWeb制作お役立ち情報ブログライティングWEBメディアでライター業をやっていくうえで、「これぐらいは知っておきたいHTML」を一通りご紹介します。–>それでは各項目について説明していきます。content=”概要文”>というもので、記事の概要をまとめた一文です。検索エンジンの結果画面にも表示される文章なので、ページクリック率、アクセス数にも如実に影響が出ます。アクセスに関わる部分なので、「端的に」「わかりやすく」「キャッチーに」まとめましょう。検索エンジンや閲覧環境にもよりますが、PCなら120文字程度、スマホなら50文字程度を目安に考えましょう。サイト名</title>といったものです。これも検索エンジンに表示されるものなので、SEOを考慮し、「クリックしたくなる」キャッチーな文面が求められます。目安として40文字以内が適しています。brには閉じタグ(</br>)が存在しません。4.見出し<h1>見出し1</h1><h2>見出し2</h2><h3>見出し3</h3>などで表現します。「h1」は1ページにつき1つしか存在せず、タイトルをそのまま当てはめて処理する場合が多いので、使用機会はあまりないと思います。よって文中見出しは「h2」から始めるのが基本です。サイトデザイン上「h2」がどこかほかの場所で使用されており、しかたなく文中見出しを「h3」から始める構造になっているサイトも存在します。デザイナーによってスタイル(CSS)が用意されていないサイトも存在するので、使用制限がかかる場合があります。CSSが存在しないタグの記載については、デザイナーやサイト管理者などに相談しましょう。文中で<strong>強調したい文章</strong>を囲います。bタグ(boldの略。<b>太字</b>)も太字になりますが、SEOで言う「強調」「重み付け」の意味はなく、単純に見栄えを変えるためのタグとなっています。数字付きリスト数字付きリストこのような見栄えになるタグで、要素を羅列するときに便利です。こちらもサイトデザイナーがCSSを用意していない場合、表示が思ったようにいかないことも多数あります。デザイン追加を容易に頼めない場合は、プレビュー画面などで確認のうえ、使用しましょう。/>このように画像URLと横幅、縦幅、タイトル、代替テキストを記述します。br同様、閉じダグは存在しません。画像URLには絶対パス(http://〜〜)と相対パス(/../〜〜)がありますが、ブログの編集画面などでは自動的にURLを入れくれるので、あまり考えなくても大丈夫です。サイズについては、大きい画像を縮小して表示したい場合は横幅のみ縮小サイズを明記し、縦幅には「auto」などと入れると縦横比が正しいものが表示されるので、覚えておきましょう。title、altはSEOにも関係するので、その画像を指し示した最適なテキストを記入しましょう。原則併用でかまいません。target=””>ページタイトル</a>といったものです。サイト内リンクの場合はtargetには何も入れませんが、外部リンクの場合、ユーザーをサイト内にとどめておく意図から「target=”_blank”」(別ウィンドウで開く)などが用いられます。9.引用<blockquote>引用文</blockquote>などと、別サイトや文献などの文言を引用する際に使用するものです。target=””>ページタイトル</a>)も記載します。–>(使用しているフォントのせいで見えづらいですが、「–」は半角マイナス「-」が2つ連なっています)は、ブラウザ上では非表示にして、HMTLソース上でコメントを残しておくときに便利です。–>このようにコメントを残しておくことを「コメントアウト」とも呼びます。記録として残しておきたいコードや文面これらを管理するのに便利です。以上、「WEBライター・ブロガーが最低限知っておきたいHTMLタグ10こ」でした。紙媒体よりWEB媒体の方が増加傾向にある昨今、ライターとして受注を増やすためにも、これらのHTML知識を身につけておくことをおすすめします。立見香メディアディレクター/ライター2016年入社。SSCでの実績は【コンテンツマーケティング成功事例】1年半横ばいだったアクセス数を6倍に増やした時にやった12のことをご参照ください。