<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="robots" content="INDEX,FOLLOW" />
<link rev="made" href="mailto:aaa@aaa.com" /><!--メールアドレス -->
<link rel="start" href="http://www.aaa.com" /><!--サイトのインデックスページ -->
<title>ページのタイトル</title>
<meta name="Description" content="ページの説明" />
<meta name="Keywords" content="ページのキーワード" />
<link href="../style/main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="box">
<div id="header">
<div id="title"><a href="../index.html"><img src="../image/title.gif" alt="タイトル画像" width="280" height="80" /></a> </div>
<div id="header-menu">
<h1>ページの見出し、キーワードを上手に使いましょう。</h1>
<ul>
<li><a href="index.html" id="h_service" name="h_service">事業案内</a></li>
<li><a href="../company/index.html" id="h_company" name="h_company">会社概要</a></li>
<li><a href="../support/index.html" id="h_support" name="h_support">サポート</a></li>
<li><a href="../recruit/index.html" id="h_recruit" name="h_recruit">採用情報</a></li>
</ul>
</div>
</div>
<div id="header-img">
<img src="../image/border1.gif" alt="border1" width="760" height="20" /><br />
<img src="../image/top_img1.jpg" alt="イメージ" width="760" height="150" /><br />
</div>
<div id="main">
<div id="main-box">
<h2 id="service">サービス・事業案内</h2>
<p id="pan"><a href="../index.html">Home</a> > サービス・事業案内</p>
<p><img src="image/image1.jpg" alt="イメージ" width="200" height="200" class="r" />
ホームページの制作で大切なことはページのキーワードを適切に使うことです。意図的に多く入れるよりも自然でわかりやすい文章には自然と良いページになります。</p>
<p>タイトルタグやhead部分の記述を横着しないできちんと記述することが大切です。</p>
<p>そしてもちろん中身が有益であることが人気のあるサイトになるための重要なポイントであることは間違いありません。</p>
<p>有益な情報の含まれたサイトは自然と外部のサイトからリンクされ、アクセスも増えていきます。そしてそれがさらに良い循環となり、人気サイトとなっていきます。</p>
<h3>テンプレートをうまく使う</h3>
<p><img src="image/image2.jpg" alt="イメージ" width="200" height="200" class="l" />
ホームページを作成するときについ時間のかかってしまう部分が「レイアウト」です。実際サイトを訪れた人はどこにどんな写真やイラストがあっても関係ありませんし、ましてイメージのためのフラッシュなんてなくてもかまいません。</p>
<p>もちろんある程度規模の大きくなったサイト、人気を維持しているサイトは様々な手法を考える必要があります。</p>
<p>しかしながら、ほぼ全ての中小企業にとってそれは必要のないことです。それよりも訪れた人はそこに書かれている情報を欲しがっています。その情報が如何に正確に新鮮なものが書かれているかが大切なことなのです。</p>
<p class="f1">そんな時、全てがレイアウト済みのテンプレートはとても便利です。</p>
<p>あなたはただマニュアルに沿って正しく新鮮な情報を書けばいいのです。</p>
</div>
<div id="menu-box">
<ul>
<li><a href="index.html" id="m_service" name="m_service">サービス・事業案内</a>
<ul>
<li><a href="category1/index.html">分譲マンション建設</a>
<ul>
<li><a href="category1/page1.html">○×タワーマンション</a></li>
<li><a href="category1/page2.html">□△スカイコート</a></li>
<li><a href="category1/page3.html">○○スカイマンション</a></li>
</ul>
</li>
<li><a href="category2/index.html">郊外大型ショッピングモール</a>
<ul>
<li><a href="category2/page1.html">ビッグストア○○店</a></li>
<li><a href="category2/page2.html">ビッグストア□□店</a></li>
</ul>
</li>
<li><a href="category3/index.html">マイホームプラン</a></li>
<li><a href="category4/index.html">住宅用建材卸・販売</a></li>
<li><a href="category5/index.html">高齢者向け高級マンション</a></li>
</ul>
</li>
<li><a href="../shopping/index.html" id="m_shopping" name="m_shopping">オンラインショッピング</a></li>
<li><a href="../products/index.html" id="m_products" name="m_products">製品情報</a></li>
<li><a href="../information/index.html" id="m_information" name="m_information">インフォメーション</a></li>
<li><a href="../company/index.html" id="m_company" name="m_company">会社概要・支社のご案内</a></li>
<li><a href="../support/index.html" id="m_support" name="m_support">お客様へのサポート体制</a></li>
<li><a href="../menu1/index.html" id="menu1" name="menu1">メニュー1</a></li>
<li><a href="../menu2/index.html" id="menu2" name="menu2">メニュー2</a></li>
<li><a href="../menu3/index.html" id="menu3" name="menu3">メニュー3</a></li>
<li><a href="../menu4/index.html" id="menu4" name="menu4">メニュー4</a></li>
<li><a href="../menu5/index.html" id="menu5" name="menu5">メニュー5</a></li>
<li><a href="../menu6/index.html" id="menu6" name="menu6">メニュー6</a></li>
<li><a href="../howto/index.html" id="menu7" name="menu7">ホームページ作成方法</a></li>
</ul>
</div>
</div>
<div id="footer"><p>Copyright© 2008 <a href="http://www.wdcro.com/">Web Design Office CROSSROAD</a> All Rights Reserved.<a href="http://www.wdcro.com/">ホームページ制作依頼はクロスロード</a></p></div>
</div>
</body>
</html>