債務の整理

更新情報

  • 2009年2月1日
    この最新情報の欄には、サイトの更新情報を書き込んでください。
  • 2009年1月20日
    今回から「商品1のページ」「商品2のページ」「商品3のページ」のページを追加した他、サイドメニューにGoogle検索ボックスを付けました。
    検索ボックスのソース内のドメインはお客様のサイトのドメインに書き換えてください。
    (※Google検索でサイト検索ができるようになるには、サイトがGoogleにインデックスされる必要があります)
  • ※RSSのリンクについて
    右下の「当サイトの更新情報をRSSで配信しています」の中のRSSへのリンクには、ダミーで「rss10.xml」というファイル名を割り当てていますが、本番アップ時にはRSS配信を行う際の「RSSフィード」の絶対URL(http://~)に変更してください。
    また、<head></head>にはRSSのタグを挿入するようにしてください。

当サイトの更新情報はRSSフィードでも配信しています。

文章記述の一例です。

お好きな文章を入れてください。お好きな文章を入れてください。お好きな文章を入れてください。
お好きな文章を入れてください。お好きな文章を入れてください。お好きな文章を入れてください。

お好きな文章を入れてください。お好きな文章を入れてください。お好きな文章を入れてください。
お好きな文章を入れてください。お好きな文章を入れてください。お好きな文章を入れてください。


お好きな文章を入れてください。お好きな文章を入れてください。お好きな文章を入れてください。
お好きな文章を入れてください。お好きな文章を入れてください。お好きな文章を入れてください。

「画像タグ」を使った一例です。

XHTMLの注意点の画像

お好きな文章を入れてください。お好きな文章を入れてください。お好きな文章を入れてください。

お好きな文章を入れてください。お好きな文章を入れてください。お好きな文章を入れてください。

「引用タグ」を使った一例です。

引用した文章が入ります。引用した文章が入ります。引用した文章が入ります。引用した文章が入ります。

引用元:京都のSEOコンサルタント松尾のブログ(一例)

引用した際は上記のように「引用元ページへのリンク」も掲載しておきましょう。

「定義タグ」を使った一例です。

賢威テンプレートとは何ですか?

「賢威テンプレート」は、SEO教材「賢威」に付属しているホームページテンプレートの愛称です。
2007年1月から販売開始され、数多くのユーザーが使用しています。

定義タグの中に画像を入れる方法
ダミー画像 このエリアのように、画像を回り込ませることができます。
「fl-l」は「float:left」のことです。

「定義タグ」を使ってエリアを左右に並べてみる

チェックリストには「リストタグ」を使いましょう。

  • 商品の魅力を項目に分けてまとめることで、情報の整理につながる。
  • チェックリストは訪問者の目に付きやすいため、商品の宣伝を的確かつ効果的にできる。
  • チェックリストの画像には、黒・の4種類の色をご用意。
  • チェックリストの色を変えたい時は、デザイン用CSS内のチェックリストの箇所を編集する。
  • チェックリストの画像には、ご自身のオリジナル画像を使うことも可能。

角丸ボックスを作り、中に文章を書く方法

角丸部分には画像を割り当て、主要なブラウザすべてで見えるような角丸を表現しています。
W3Cが2010年勧告予定の「CSS3」では、角丸を簡単に表現できる「border-radius」という設定が追加されるようです。

その他の便利なタグをご紹介します。

この帯は<h3>タグです。

フォントサイズを細かく指定する

  • フォントサイズを「12pt」にすることができます。
  • フォントサイズを「1.2em」にすることができます。

文字列の前にアイコンを付ける(文章が左寄せの際に使用できます)

先頭にこの画像が付いた状態で表示されます。詳しくは「_sample.html」をご覧下さい。

先頭にこの画像が付いた状態で表示されます。詳しくは「_sample.html」をご覧下さい。

矢印付きのリンク文字が挿入できます。

右寄せの矢印付き文字リンクを作ることができます。


左寄せの矢印付き文字リンクを作ることができます。