SEO対策として最低限押さえておきたいHTML/HTML5マークアップの大事な6つのポイント
検索エンジンがページ構造を理解しやすいようにHTMLがマークアップされていることは、安定的に検索結果上位にインデックスされるために重要な要素の1つです。 当然のことながら、前提として検索キーワードを想定した質の高いコンテンツ作成が必要です。せっかく質の高いコンテンツを作成してもマークアップの仕方が論理的に間違っていると台無しです。 今回はSEO対策として押さえておいてほしいHTMLおよびHTML5マークアップの最低限のポイントについてお話しします。 この記事では自力でSEOに最適なマークアップをする方法を紹介していますが、はじめからSEO対策がばっちりなWordPressテーマを使えば、なにもしなくても良いのでとてもラクです。SEO対策が万全のWordPressテーマは下記で紹介しています。 WordPressのおすすめテーマはコレ！SEOもレスポンブも完璧【有料&無料】 headタグ内の
複数のパンくずリストが同じページにあるときの構造化データのマークアップ方法
[対象: 上級] 1つのページにのパンくずリストがあるときの構造化データのマークアップ方法についてこの記事では説明します。 パンくずリストはSEOにも重要な要素 パンくずリストは、ユーザビリティとSEOの2つの観点から重要な要素です。 ユーザビリティ: 今どこにいるか、どこをたどってやってきたかをユーザーに伝える. SEO: 検索エンジンにサイトの論理的な構造を伝える。検索結果でURLの代わりにパンくずリストを表示できる。 2つめのSEOに関して言うと、検索エンジンにパンくずリストであることを的確に伝えるためにパンくずリスト用の構造化データでマークアップすることが推奨されます。 サイトによっては、複数のパンくずリストを表示させたいことがあります。 複数のカテゴリにそのページが所属している場合やタイプの異なるカテゴリで分類している場合です。 たとえば、米国のモダンホラー小説家、スティーブン
セマンティックSEOを考慮したhタグとliタグの上手な使い方
[対象: 中級] この記事では、意味的な繋がりをGoogleに確実に伝える（ことに役立つかもしれない）「hタグ」と「liタグ」の上手な使い方を解説します。 見出しを意味するhタグと項目を列挙するためのliタグに関する特許をGoogleは2010年5月に取得しています。 その継続出願となる特許が先日承認されました。 この件に関して、Googleの特許研究の第一人者であるBill Slawski（ビル・スロースキ）がGoogle+で共有した投稿が情報元になります。 hタグの下に出てくるliタグは意味的に等しく近い 見出しとしての「hタグ」の下に、リスト形式で列挙する項目に「liタグ」が設定されている場合、あとに出てくる項目ほど見た目の距離が見出しから遠くなります。 しかし、見た目の距離が離れていたとしても見出しとの意味的な関係は先頭に出てきた項目と等しい扱いになります。 言葉だけだとわかりづら
よくある3つのデザインから考える、マークアップの最適解
Web制作においてHTMLのマークアップには絶対の正解というものがありません。ページを制作しているとき、特にセマンティクスを意識したとき「このマークアップで正しいのだろうか」と悩むことがあると思います。 そんなマークアップについて考えるイベント「MarkupCafe」がhtml5jマークアップ部の主催のもと開催されました。「MarkupCafe」では参加者同士がチームに分かれ、お題となるデザインに対して議論し、自分たちならこうマークアップするといった考えを発表し合いました。 本記事では「MarkupCafe」で出された”フッター”、”パンくずリスト”、”求人情報”の3つのお題をもとに、Web制作におけるマークアップの捉え方、誤った使い方をしがちな要素などについて考え、マークアップの最適解を探ります。 ※html5jは、HTML5などのWebプラットフォーム技術を使った「ものづくり」に関わる
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HugeDomains.com
