Warning: Use of undefined constant breadcrumb_navigation_xt - assumed 'breadcrumb_navigation_xt' (this will throw an Error in a future version of PHP) in /home/webrent/webrent.jp/public_html/wp-content/themes/webrent/single.php on line 15
知らないと損をするホームページのマークアップとは？
2011年12月27日（火）福島県南相馬市Webサイト制作ウェブレント須江です。
今日はホームページのマークアップとよばれる技術について紹介したいと思います。
これからホームページを立ち上げたいと思っていらっしゃる方はぜひ覚えていただきたい技術です。
突然ですが、下記の２つ文字は「同一」でしょうか？
■例その1
■例その2
見た目は同一ですが、実は大きな違いがあります。その違いこそ「マークアップ」なのです。
ホームページはHTMLと呼ばれるプログラム言語でできています。このHTMLでプログラミングすることを「マークアップ」と呼んでいます。
例えば、上記の例である「ホームページ制作について」という文章を太字で書く為には、それぞれ下記のようにマークアップしています。
■例1の場合
<div class="memo"> <b>ホームページ制作について</b> </div><!--memo-->
■例2の場合
<div class="memo"> <strong>ホームページ制作について</strong> </div><!--memo-->
「ホームページ制作について」という同一の文章を書いているのに、マークアップの仕方が異なる点に注目です。
例1の場合は、単純に文字を太くするというマークアップです。対して、例2は文字を強調するマークアップであり、検索エンジンに対して「これは重要な要素です」とアピールしSEOの効果を高めます。
同じ文章、同じ見た目であってもマークアップ次第によりSEOの効果に違いあります。今回のマークアップは一例に過ぎませんが、見た目だけではなく、ホームページが検索結果で上位に表示される為にはこういった効果的なマークアップでホームページを仕上げなくてはなりません。
ウェブレントでは、ホームページビルダー、フロントページといったホームページを自動で作ってくれるソフトを一切使いません。こういった目に見えないマークアップを一つ一つ打ち込み、お客様のホームページが検索エンジンの上位に表示できるよう努めています。意外と手間がかかりますが、検索しても出てこないホームページではお客様のビジネスには役に立ちません。こういった目に見えないところこそ重要なんです。
トラックバック
