要素– tag –

HTML5になっても変わらず文章におけるSEO上の重要なタグが、「見出しタグ(h1-h6)」です。 もちろん、見出しタグにただキーワードを詰め込めば良いという時代はとうに終わっており、ユーザーが見やすいように見出しを付けていく必要があります。 HTML5にお...

HTML5における重要なタグが「linkタグ」です。 これは、linkタグを記述する文書ファイル(≒htmlファイル)に関係する別の文書ファイルを指定して、呼び出す(定義する)ものになっています。 似たhtml要素に「aタグ」が存在しますが、こちらはlinkタグが<he...

HTML5でもこれまでのhtmlタグの属性の書き方は変わりありません。 htmlタグにおける属性とは、そのhtml要素に補足情報を付与する場合に記述するものになります。 例えば、リンク先のURLを指定したり、画像のリンク先を指定したりと数限りなくあるのです。 ...

HTMLの勉強をしていると最初に戸惑うのが、headタグとbodyタグの使い方だと思います。 HTML5にて色々な記述の仕方がこれまでのHTML4.01までとはガラリと変わったのですが、HTMLの基本を表すheadタグとbodyタグについては変更がありませんでした。 HTML5のD...

HTML5において追加された、figure要素とfigcaption要素というものがあります。 当サイトでも使っている機会は殆ど無いため、管理人も全く知識がありませんでした。 しかし、htmlの正しいマークアップを心掛けることはSEO的にも良いことは確かなため、今一...

HTMLやCSSの勉強をしていると、実際にコードを書いてみてそれがブラウザ上でどのように反映されているのか確認したくなることが多々あります。 【HTML5・CSS3】i要素かcssのfont-styleで文字を斜体(イタリック体)にする そんな時、必ず遭遇するのが「文字...

HTML5で新しく追加された要素にmark要素があります。 これは、囲んだ部分のテキストをハイライトして目立たせる効果がありますが、em要素やstrong要素のようにその部分を強調する(ことをブラウザや検索エンジンに伝える)効果はありません。 文字を強調する...

HTML5において、著者や管理人への連絡先をaddress要素で記載するのはスタンダードでは無いのかもしれません。 というのも、今はmeta要素のauthor属性で表すのが主流だからです。 【WordPress】meta robotsをプラグイン無しで実装する方法 【WordPress】プ...

HTML5にて新しく追加された要素に、section,article,header,footerがありますが、これらをSEO的にもhtmlの構文としても正しい順序でマークアップしているか気になったので、調べてみました。 セマンティックWebに準拠したHTML5の基本構造と間違いやすいポ...

タイトルでは文字を強調する要素として、em,strong,bの３つがあると紹介しましたが、これは正しくはありません。 この内２つのタグは確かに強調を意味する(強調の程度の差はある)のですが、残り１つは強調する意味はありません。 また、実際にテキストを上...