要素– tag –
-
htmlタグの文章におけるSEO上大事な要素「見出しタグ(h1,h2,h3,h4,h5,h6)」の使い方について
HTML5になっても変わらず文章におけるSEO上の重要なタグが、「見出しタグ(h1-h6)」です。 もちろん、見出しタグにただキーワードを詰め込めば良いという時代はとうに終わっており、ユーザーが見やすいように見出しを付けていく必要があります。 HTML5にお... -
htmlタグにおけるlinkタグとaタグは全く別物!rel,href要素の使い方まとめ
HTML5における重要なタグが「linkタグ」です。 これは、linkタグを記述する文書ファイル(≒htmlファイル)に関係する別の文書ファイルを指定して、呼び出す(定義する)ものになっています。 似たhtml要素に「aタグ」が存在しますが、こちらはlinkタグが<he... -
htmlタグに属性を付与して要素の補足情報を記述するHTML5の書き方について
HTML5でもこれまでのhtmlタグの属性の書き方は変わりありません。 htmlタグにおける属性とは、そのhtml要素に補足情報を付与する場合に記述するものになります。 例えば、リンク先のURLを指定したり、画像のリンク先を指定したりと数限りなくあるのです。 ... -
html要素として必要不可欠なheadタグとbodyタグの違いとは
HTMLの勉強をしていると最初に戸惑うのが、headタグとbodyタグの使い方だと思います。 HTML5にて色々な記述の仕方がこれまでのHTML4.01までとはガラリと変わったのですが、HTMLの基本を表すheadタグとbodyタグについては変更がありませんでした。 HTML5のD... -
HTML5でfigure,figcaption要素を使って図表のタイトルやキャプションを設定する
HTML5において追加された、figure要素とfigcaption要素というものがあります。 当サイトでも使っている機会は殆ど無いため、管理人も全く知識がありませんでした。 しかし、htmlの正しいマークアップを心掛けることはSEO的にも良いことは確かなため、今一... -
HTMLファイルが文字化けした時はmeta要素のcharset属性でUTF-8を指定する
HTMLやCSSの勉強をしていると、実際にコードを書いてみてそれがブラウザ上でどのように反映されているのか確認したくなることが多々あります。 【HTML5・CSS3】i要素かcssのfont-styleで文字を斜体(イタリック体)にする そんな時、必ず遭遇するのが「文字... -
HTML5のmark要素で該当の文章をハイライトして目立たせる
HTML5で新しく追加された要素にmark要素があります。 これは、囲んだ部分のテキストをハイライトして目立たせる効果がありますが、em要素やstrong要素のようにその部分を強調する(ことをブラウザや検索エンジンに伝える)効果はありません。 文字を強調する... -
HTML5のaddress要素をフッターに置いて連絡先情報を示す書き方
HTML5において、著者や管理人への連絡先をaddress要素で記載するのはスタンダードでは無いのかもしれません。 というのも、今はmeta要素のauthor属性で表すのが主流だからです。 【WordPress】meta robotsをプラグイン無しで実装する方法 【WordPress】プ... -
HTML5の新要素、section・article・header・footerをSEO的に正しい順序でマークアップする
HTML5にて新しく追加された要素に、section,article,header,footerがありますが、これらをSEO的にもhtmlの構文としても正しい順序でマークアップしているか気になったので、調べてみました。 セマンティックWebに準拠したHTML5の基本構造と間違いやすいポ... -
文字を強調するem,strong,b要素をSEO的に正しく使い分ける
タイトルでは文字を強調する要素として、em,strong,bの3つがあると紹介しましたが、これは正しくはありません。 この内2つのタグは確かに強調を意味する(強調の程度の差はある)のですが、残り1つは強調する意味はありません。 また、実際にテキストを上...
12