お問合せ 事務局より 会員サイトリンク集 がんばる家主インタビュー 入会案内 文書ダウンロード 物件紹介ブログの作り方講座 見学会その他の活動 マネ~だ塾 勉強会

16.おさえておきたい厳選HTMLタグ

| コメント(0) | トラックバック(0)
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
■ サイトを目立たせる「SEO」にはHTML ■
-----------------------------------------------------------------------

すでにブログで物件紹介サイトをお作りの方はご存知と思いますが、ブログの入力フォームのすぐ上に、文字に効果を与えるためのアイコンが並んでいます。
文字部分を選択して、アイコンを押すと、入力フォームに自動的に英字が挿入されます。これが「HTMLタグ」です。

「サイトを目立たせる=検索サイトで見つかりやすくする」には、いくつかの
HTMLタグが重宝です。
検索サイトと検索サイトがホームページの重要性や表示順序を判断する仕組みをここでは「検索エンジン」と書きます。
Yahoo!やGoogleは代表的な検索エンジンです。

その検索エンジンで目立つために。
ブログでサイトを作る時に、知っておきたい厳選タグとその効果を今回はお伝えします。


◆リンクタグ <a herf="URL">※※※</a> ◆-------------------------

<a herf="URL">※※※</a>
↑と記述すると、「※※※」に「URL」へのリンクが貼られます。
検索エンジンはリンクされた数=被リンク数を重視します。
多くのサイトからリンクをされるのは良いサイト、という考えです。

被リンク数を増やす方法は、

1.検索サイト等への登録
2.相互リンク依頼
3.内部リンクの充実

と3つがあります。

1.2.は地道にがんばるか、代行業者に依頼するわけですが、3は自分にしかできないですね。
今までに作成した記事同士にうまくリンクを貼ると、サイト内の閲覧がしやすくなります。問合せ欄に空き室情報へのリンクを貼る。
間取りの案内の「浴室」の文字に浴室の詳細記事へのリンクを貼る。
などいろいろ工夫してみてください。



◆見出しタグ <h1>※※※</h1>◆------------------------------------

見出しには通常、掲載内容の重要ポイントが表示されます。
検索サイトにもその効果が反映されます。

つまり、重要な情報は「見出しタグ」ではさんだ「※※※」に入れてやります
と、検索エンジンにひっかかりやすくなります。
 ↓
「※※※」のキーワードで検索されやすくなります。


見出しタグには、<h1>から<h6>まであり、数字が小さいほど、重要度の高い「大見出し」となります。
ブログの投稿フォームにアイコンには通常ありませんので、タグを自分で投稿フォームに書き込む必要があります。


◆強調タグ <strong>※※※</strong>◆-----------------------------

強調したい部分「※※※」を太字で表示するタグです。
字が太くなりますので、閲覧者の目に入りやすくなります。
同様の表示効果を与えるタグに

太字タグ <b>※※※</b>

がありますが、<strong>を使うと、検索エンジンにも「※※※」は強調すべき
情報であると認識されます。
 ↓
「※※※」のキーワードで検索されやすくなります。

ブログの投稿フォームでは、「太」アイコンで示されていることが多いです。



◆画像タグ <img src="/(画像設置場所)" alt="※※※">◆-----------

画像をブログに掲載するときは、使っているブログのマニュアルに従って、
ファイルをアップロードし、投稿フォーム上のアイコンをクリックします。

すると、多くのブログでは自動的に、

<img src="/(画像設置場所)" alt="ファイル名.jpg">

のようにフォームに入力されると思います。

この「alt="ファイル名.jpg"」を、「alt="※※※"」に変えてやります。
すると、閲覧者が画像の上にマウスを置くと、画像の説明として「※※※」が
表示されます。
検索にかかりやすいようにするには、キーワードを記事の中に入れていくこと
が重要なのですが、この「alt="※※※"」も記事として認識されます。
ですから、「alt="※※※"」と変更してうまくキーワードを入れてやると、見
る人にもやさしく――
 ↓
「※※※」のキーワードで検索されやすくなります。




◆リストタグ <ul><li>※※※</ul>◆--------------------------------

以前、記事の書き方の際、文章に困ったときは「箇条書き」を使うとよい、と
ご案内しました。
箇条書きを使うと、伝えたいことを簡潔に記載することが可能です。(愛想にはチト欠けますが(^^;)
そのため、検索エンジンも通常の記載よりも、箇条書きになっている部分を重要視します。
しかし、

●家賃:¥60,000
●共益費:¥5,000

のように記号を用いて箇条書きをしても、検索エンジンはそれが箇条書きであると認識してくれません。
箇条書きを表現し、検索エンジンにも「箇条書きであることを知らせる」タグ
が、この「リストタグ」です。

<ul><li>家賃:¥60,000<li>共益費:¥5,000</ul>

のように書きます。

ブログの投稿フォームにアイコンには通常ありませんので、タグを自分で投稿フォームに書き込む必要があります。


◆表を作りたい! テーブルタグ <table>◆----------------------------

わかりやすい案内を作るときに、「表を作りたい!」というのはよくあること
です。
ところが、ブログの記事に表を使うのはちょっと面倒です。
エクセルからコピーペーストできれば楽なのですが、残念ながらできません。

表を作るには、テーブルタグを入力する必要があります。
......が、テーブルタグはけっこう難物です。
<table><tr><th><td> 3種のタグにいろんな属性を組み合わせる必要がありま
す。
詳細は
http://html.misty.ne.jp/table/01.htmlなどでお読みください。

でも読んでも面倒なんです!(←筆者心の叫び)
筆者はホームページ作成ソフトで表を作ったあと、HTMLをコピーしていますが、それだけのために数千円出してソフトを購入するのもナァ、という人のために。

便利なサイトがあります。

自動作成機
http://www1.mahoroba.ne.jp/~matumoto/table.html

マスの中へデータを入れて(何行.何列でもよい)、表作成を選択して(枠な
し枠つき)クリックするだけで、面倒なテーブルタグを自動的に作成してくれ
ます。

あとはこれを投稿フォームにコピーペーストするだけです。


◆便利な入力方法◆----------------------------------------------------

いちいち英字入力に切り替えてタグを記入するのはけっこう面倒......。
と、いうわけでよく使うタグはIME辞書に登録しておくと便利です。

たとえば
「りんく」と入力して「<a herf="URL">※※※</a>」と変換するように登録しておきましょう。

IME辞書の登録方法
http://www3.ocn.ne.jp/~uri-o313/yumesato/tag/jisho.html



◆困った時のお勧めサイト・本◆---------------------------------------

もっと細かいことが知りたい方はこちらを。

<HTML>

やさしいホームページ入門
http://www.ink.or.jp/~bigblock/

みんなのタグ辞書
http://heo.jp/tag/


<色を指定するときに便利なサイト>

Web Color 216
http://noz.day-break.net/webcolor/

WEB COLOR
http://www5d.biglobe.ne.jp/~purple/hina-kouza/webcolor.htm


<書籍>

HTMLタグ辞典
http://www.amazon.co.jp/exec/obidos/ASIN/4798102423

トラックバック(0)

トラックバックURL: http://www.owner.ganbaru-yanushi.net/mt/mt-tb.cgi/25

コメントする

 ウェブページ