• ホーム
  • マークアップする際はSEOを念頭に置いてコーディング

マークアップする際はSEOを念頭に置いてコーディング

2019年05月09日
パソコンを使用している女性

HTMLを書いていくことをコーディング、CSSを書いていくことをCSSスタイリングといいますが、コーダーをやるのなら基本的にこの二つの違いと共通することは知っておきたいところでしょう。
HTMLコーディングを行う場合、必ず意識したいのがマークアップとSEO対策です。マークアップとは、特定の内容に対してプログラムやシステムが適切に内容を把握できるようにする行為で、HTMLでどの文字にどのような意味があるのかを伝えるという物です。例えば見出しの列には見出しと設定したり、タグを使ってどこに何があるのかを示すという作業になります。

このコーディングですが、最近ではSEO対策を意識するようになりました。
SEO対策とは検索エンジン最適化といって、検索サイトにどんな文章化を伝えたり、サイトの組み合わせや作りを伝えるようにします。

この時、重視したいタグがいくつかありますので、マークアップの時には意識しておきましょう。
ひとつはtitleタグです。これはそのHTML文書そのものがどういう文章なのか、という事を示すもので、titleタグはSEO対策としてもかなり重視されています。

titleと同じくらい大事なのがmetaタグと呼ばれるもので、これは検索サイトそのものにサイトの情報や説明文、キーワードなどを表示させます。metaタグを使うことで、ページ内の情報を効率よく伝える事が出来るでしょう。

もう一つは画像タグの中のalt値で、その画像が一体何を示すのかという文字列です。画像をただ表示させるだけではなく、そのaltを見ることで何があるかを示す事が出来ます。

また、HTML文書そのものを構造化し、適切に表示させるようにしましょう。構造化を行い余計なタグを減らすことで、文章の表示速度をアップさせたり、サイトの表示速度を上げます。

SEO対策が出来るようになることで、検索対策で上位が狙えて、ゴールデン・トライアングル内への表示も期待できます。また、MFIというモバイル対策にも対応しやすくなり、AMPにも対応できるようになるでしょう。ゴールデン・トライアングルに表示されると、アクセスアップが期待できます。

サイトのSEO対策やMFIという考え方、AMPなどの考え方を身に着けてHTML内に反映させると、よりGoogleライクになり、上位表示も狙えます。たくさんのサイトの中でも上位表示を狙うためにはマークアップは重要なので、確実に行いましょう。

関連記事
配色、配置デザインを参考にするおすすめサイト5選

サイト作成の時に大事なのが、サイトのデザインや配色です。ある程度色やデザインは傾向があるものの、素敵なデザインや見た目、配色や配置を学習するのであれば、いくつかのサイトを参考にしてみましょう。とにかくサイトデザインを多く知りたいというのであれば、イイネ!WEBデザインというサイトがおすすめです。この

2019年07月24日
SEOとインライン記述の関係性

CSSを書いていると、中にはどうしてもうまく効かないためにサイトの内部にインラインで書くことがあります。これはインラインCSSと呼ばれ、どうしてもその部分だけCSSを適用させたかったり、JavaScriptなどである程度プラグインで書き出すときに書かれてしまう傾向があります。これは別に悪い事ではあり

2019年06月29日
SEO成果を確認するテストサイトでは中古ドメインで構築

もしSEO対策で成果を確認したいというテストサイトを作りたいのなら、いくつかのテクニックがあります。その一つは中古ドメインを使うという事です。中古ドメインとは、過去に検索サイトに知られている、誰かが使っていたドメインのことを指します。過去にサイト作成のために使われていた履歴があり、SEO対策に評価が

2019年05月27日
WordPressでPHPに慣れよう

もしHTMLとCSSに慣れてきたら、もう少しレベルアップしてみましょう。ここではHTMLとCSSだけではなく、より進んだプログラミング言語や制作ツールを学習するとスキルアップになります。最近のWeb業界ではデフォルトになりつつあるのが、WordPressというツールです。これはサイトを効率よく作るた

2019年06月14日
デザインおすすめ勉強サイトやツール

デザインを学習する場合、そもそもデザイン理論や配色などを学習する必要があるのですが、実際のWebデザインの現場ではほかにも学習しなくてはならないことがいくつかあります。このため、Webならではの学習できることをいくつか知っておきましょう。まず、最も大事なのがグラフィックソフトのオペレーションです。と

2019年04月22日
コーディングおすすめ勉強サイトやツール

webサイトを作るために大事なのが、コーディングというHTMLやCSSと呼ばれるweb用の言語を書く行為です。これをコーディングといい、どんなに素敵なデザインが出来てもこのコーディングが出来ないとwebサイトを作る事が出来ません。また、そもそもHTMLやCSSを学習して何が出来るかを知っておかないと

2019年04月12日