アクセスアップ

させるには、
SEO対策をしないと！ってわけで、
「descriptionタグの最適化をする」方法。

「descriptio」タグとは、ブログ説明に対応しているタグです。
Seesaaのデフォルトでは、全てのページがブログ設定で設定した「ブログ説明」になっています。これではカテゴリごとの内容が上手くクローラーに伝わらないので、最適化します。

このSEO対策は「HTML」の編集を行ないます。

まず、編集画面の「デザイン」タブ⇒「HTML」タブ⇒現在使用している(適用にチェックされている)HTMLを選択します。
※デフォルトしかなければ、｢HTMLの追加｣を選択し、
適当なタイトルをつけ一度保存します。

ソース内に

<meta name="description" content="<% blog.description | nl2br | tag_strip %>" />

の箇所があります。見つからなければ検索ボックスで【　description　】と検索してください。

これを

meta name="description" content="<% if:extra_title %><% extra_title %>についてのエントリー<% /if %><% blog.description | nl2br | tag_strip %> <% blog.title %>">

に、書き換えます。

これで、カテゴリと記事のタイトルがブログ説明に加わります。

保存して終了です。

]]> http://blog-customize-fun.seesaa.net/article/101129634.html SeesaaでSEO対策してますか？アフィリエイトにしても、趣味のブログにしてもアクセスアップさせるには、SEO対策をしないと！ってわけで、「ｈ＊タグを最適化する」方法。 SEO対策する。＞HTMLを最適化する。 ぽち。 2008-06-20T17:46:49+09:00 SeesaaでSEO対策してますか？
アフィリエイトにしても、趣味のブログにしてもアクセスアップさせるには、
SEO対策をしないと！ってわけで、

「ｈ＊タグを最適化する」方法。

「h＊」タグとは、h1、h2．．．で書かれているタグです。
【見出しタグ】とも呼ばれていて、ｈ1～から始まり、数字が低いほど重要度が増します。

ｓｅｅｓａａではこれが、

1：タイトル
2：日付
3：記事タイトル

になっています。

SEO対策において日付はさほど重要ではないので、変更します。

このSEO対策は「HTML」の編集を行ないます。

まず、編集画面の「デザイン」タブ⇒「HTML」タブ⇒現在使用している(適用にチェックされている)HTMLを選択します。
※デフォルトしかなければ、｢HTMLの追加｣を選択し、
適当なタイトルをつけ一度保存します。

ソース内に

<% if:with_date %><h2 class="date"><% article.createstamp | date_format("%Y年%m月%d日") %></h2><% /if %>
<div class="blogbody">
<h3 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h3>
<% if:page_name eq 'article' -%>

の箇所があります。見つからなければ検索ボックスで【　class="date"　】と検索してください。

上のソースで赤い部分を

<% if:with_date %><span class="date"><% article.createstamp | date_format("%Y年%m月%d日") %></span><% /if %>
<div class="blogbody">
<h2 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h2>
<% if:page_name eq 'article' -%>

に書き換えます。

これで、重要度が

1：タイトル
2：記事タイトル

に変わりました。

プレビューを見ておかしくなっていなければ、
保存で終了です。

]]> http://match.seesaa.jp/ot_listing.pl?aid=496546&sid=blog-customize-fun&tid=seesaa_hotspot&k=%E3%83%80%E3%82%A4%E3%83%A4%E3%83%A2%E3%83%B3%E3%83%89&hid=35 宝石 買取 | ダイヤ 買取 | ダイヤモンド 買取 | 宝石 ダイヤ | 宝石 リフォーム ]]> 2008-06-20T17:46:49+09:00 ads by Seesaa http://blog-customize-fun.seesaa.net/article/100957719.html SeesaaでSEO対策してますか？アフィリエイトにしても、趣味のブログにしてもアクセスアップさせるには、SEO対策をしないと！ってわけで、「タイトルを最適化する」方法。 SEO対策する。＞HTMLを最適化する。 ぽち。 2008-06-18T20:16:25+09:00 SeesaaでSEO対策してますか？
アフィリエイトにしても、趣味のブログにしてもアクセスアップさせるには、
SEO対策をしないと！

ってわけで、「タイトルを最適化する」方法。

ちなみに、このカスタマイズは「ブログ本体の見た目」は変わりません。

お使いのブラウザの最上部に表示される「タイトル」がSEO上優位になるという事です。

このSEO対策は「HTML」の編集を行ないます。

編集画面の「デザイン」タブ⇒「HTML」タブ⇒現在使用している(適用にチェックされている)HTMLを選択します。
※デフォルトしかなければ、｢HTMLの追加｣を選択し、
適当なタイトルをつけ一度保存します。

ソース内に

<title><% blog.title %><% if:extra_title %>: <% extra_title %><% /if %></title>

の一文があります。見つからなければ検索ボックスで【　<title>　】と検索してください。

この一文を、

<% if:page_name eq 'article' %>
<title><% extra_title %></title>
<% else %>
<title><% if:extra_title %><% extra_title %>:<% /if %><% blog.title %></title>
<% /if %>

に書き換えます。

プレビューをみて、ブログ本体がおかしなコトになっていなければ保存で終了です。

このカスタマイズでは
・トップページでは「ブログタイトル」
・記事ページでは「記事タイトル」
・カテゴリページでは「カテゴリタイトル：ブログタイトル」
が、表示されます。

]]> http://blog-customize-fun.seesaa.net/article/100560699.html seesaaいじくりまわしたい！でもHTMLやらCSSやら英語っぽいので書いてあるからわからん！！こちとら根っからのジャパニーズでぃ！I LOVE JAPAN！！って思ってない？（←俺だけ？）そこで「検索BOXを使う」方法。 はじめに。＞知らないとキビシイこと。 ぽち。 2008-06-15T06:59:00+09:00 seesaaいじくりまわしたい！
でもHTMLやらCSSやら英語っぽいので書いてあるからわからん！！
こちとら根っからのジャパニーズでぃ！I LOVE JAPAN！！って思ってない？（←俺だけ？）

そこで「検索BOXを使う」方法。

キーボードの「 Ctrl + Fキー 」を押してみましょう。

出たでしょ？

一番下に。

虫メガネのマークのトコロに探したい言葉を書き込む（またはコピペ）と、そのページ内で該当するトコロに飛びます。

簡単でしょ？

一応【　Windows　】の基本操作の一つなので、憶えておくと便利ですよ！

]]> http://match.seesaa.jp/ot_listing.pl?aid=496546&sid=blog-customize-fun&tid=seesaa_hotspot&k=%E3%83%95%E3%82%B3%E3%82%A4%E3%83%80%E3%83%B3&hid=35 マイクロ ダイエット 成分 | うるおい | フコイダン こだわり 本舗 | コンタクト センター | シズル フコイダン ]]> 2008-06-15T06:59:00+09:00 ads by Seesaa http://blog-customize-fun.seesaa.net/article/100524596.html Seesaaってよくわからん！画像のアップロードの仕方がわからんし、画像のアドレスってなんや！って思ったりしない？(←俺だけ？) そこで「画像をアップロードする」＆「画像のURL（アドレス）を調べる」方法。 はじめに。＞知らないとキビシイこと。 ぽち。 2008-06-14T21:45:34+09:00 画像のアップロードの仕方がわからんし、画像のアドレスってなんや！って思ったりしない？(←俺だけ？)

そこで「画像をアップロードする」＆
「画像のURL（アドレス）を調べる」方法。

「アップロードの仕方」

編集画面の「記事投稿」タブ⇒「ファイルマネージャ」タブと進みます。

ファイルマネージャの画面になるので、「参照」を押します。
画像を選択する画面になるので、アップロードしたい画像を選択します。
アップロードを押すとアップロードされます。

※わからない方は「記事に画像を貼りつける」を見てください。
画面は違いますが、同じ作業です。




「画像のURL（アドレス）の調べ方」

編集画面の「記事投稿」タブ⇒「ファイルマネージャ」タブと進みます。

ファイルマネージャの画面になるので、下へ画面をスクロールすると、アップロードされている画像の一覧があります。
調べたい画像の「タイトル」をクリックします。




画面が切り替わり画像の詳細画面になるので、画像のアドレス（元ファイルのトコ）をクリックします。




すると画像が画面に表示されます。
ブラウザのアドレスﾊﾞｰに画像のURLが表示されます。



このアドレスをコピーしてカスタマイズに使います。

※画像作成に失敗しました。見づらくてすんません。

：関連記事

・記事に画像を貼り付ける。
・ブログタイトルの背景に画像を使う。Part.1
・ブログタイトルの背景に画像を使う。Part.2

]]> http://blog-customize-fun.seesaa.net/article/100521174.html Seesaaって難しくない？画像貼りたいのに貼り方わからんし！って思ったりしない？(←俺だけ？) そこで「記事に画像を貼り付ける」方法。 はじめに。＞知らないとキビシイこと。 ぽち。 2008-06-14T20:58:50+09:00 画像貼りたいのに貼り方わからんし！って思ったりしない？(←俺だけ？)

そこで「記事に画像を貼り付ける」方法。

記事を作成する画面で、

←を押します。


すると下のような画面（ファイルマネージャ）が出てくるので、「参照」を押します。



ファイル選択の画面が出てくるので、貼り付けたい画像を選び「開く」を押します。


アップロードされる画像が選択されたので、「アップロード」を押します。


画像がアップロードされました。
画像を貼りたい所を選び「元画」を押します。



貼り付け完了です。



※一番下だけ「サムネイル」を押して貼り付けました。
画像をクリックすると大きくなります。

：関連記事

・画像をアップロード＆URL（アドレス）を調べる。
・画像横に文章を書く。

]]> http://blog-customize-fun.seesaa.net/article/100515251.html Seesaaのスタイルシートって地味なの多くない？。竹下元首相の孫「DAIGO」くらい派手にしたい！って思ったりしない？(←俺だけ？) そこで「ブログタイトルの背景に画像を使う」方法Part.2。今度は準備した画像をブログに表示されるようにします。 カスタムする＞タイトルをいじる。 ぽち。 2008-06-14T19:28:24+09:00 Seesaaのスタイルシートって地味なの多くない？。
竹下元首相の孫「DAIGO」くらい派手にしたい！って思ったりしない？(←俺だけ？)

そこで「ブログタイトルの背景に画像を使う」方法Part.2。

今度は準備した画像をブログに表示されるようにします。

行なうのはスタイルシートの編集です。

編集画面の「デザイン」タブ⇒「デザイン一覧」タブ⇒画面下部にある、現在使用中のスタイルシートの「タイトル」を選択します。

スタイルシートのソースに

#banner {
font-family:arial, Helvetica;
margin:0px;
text-align:left;
background-image:url(http://blog.seesaa.jp/img/bg/blue/header.gif);
background-repeat:no-repeat;
padding-left:25px;
height:104px;
}

と書かれた部分を探します。

検索ボックスで探すときは
【　　banner　　】
で探してみて下さい。

この部分はヘッダー(ブログ名のトコ)に対応している部分です。

ソース内の

background-image:url(http://blog.seesaa.jp/img/bg/blue/header.gif);

の【　http://blog.seesaa.jp/img/bg/blue/header.gif　】を準備した画像のアドレスに変えます。

プレビューを見てよければ「スタイルシートを変更する」で終了です。

※スタイルシートを変更しても、キャッシュが残っている為、すぐに反映されない場合があります。その場合seesaaブログ・ヘルプを見てキャッシュのクリアを行なってください。

：関連記事

・タイトル文字の色を変える。
・タイトル文字の大きさを変える。
・ブログ説明文の色を変える。
・ブログタイトルの背景に画像を使う。Part.1
・画像をアップロード＆URL（アドレス）を調べる。

]]> http://blog-customize-fun.seesaa.net/article/100504089.html Seesaaのスタイルシートって少なくない？。メインのタイトルぐらい好きにさせろ！って思ったりしない？(←俺だけ？) そこで「ブログタイトルの背景に画像を使う」方法Part.1。ちょっと長くなるので記事をわけます。 カスタムする＞タイトルをいじる。 ぽち。 2008-06-14T16:51:47+09:00 Seesaaのスタイルシートって少なくない？。
メインのタイトルぐらい好きにさせろ！って思ったりしない？(←俺だけ？)

そこで「ブログタイトルの背景に画像を使う」方法Part.1。

ちょっと長くなるので記事をわけます。

始めに画像を用意します。
画像サイズは使用しているスタイルシートによって違うので、まずサイズを調べます。

編集画面の「デザイン」タブ⇒「デザイン一覧」タブ⇒画面下部にある、現在使用中のスタイルシートの「タイトル」を選択します。

スタイルシートのソースの割と最初の方に

#container {
margin:0px auto 0px auto;
width:800px;
background-image:url(http://blog.seesaa.jp/img/bg/blue/blog_bg.gif);
background-repeat:repeat-y;
color:#666;
}

と書かれた一文があります。

検索ボックスで探すときは
【　　container　　】
で探してみて下さい。

この部分はブログ本体に対応している部分です。ソース内の

width:800px;

が横幅です。この800pxをメモっといて下さい。

次に

#banner{
font-family:arial, Helvetica;
margin:0px;
text-align:left;
background-image:url(http://blog.seesaa.jp/img/bg/blue/header.gif);
background-repeat:no-repeat;
padding-left:25px;
height:104px;
}

と書かれた一文を探します。

検索ボックスで探すときは
【　　banner　　】
で探してみて下さい。

この部分はヘッダー(ブログ名のトコ)に対応している部分です。ソース内の

height:104px;

が縦幅となります。

先ほど調べたのと合わせて、
【横 800px × 縦 104px】が
ブログタイトルの背景に必要な画像のサイズです。

Phtoshopなどを使って、このサイズの画像を用意して、アップロードします。

：関連記事

・タイトル文字の色を変える。
・タイトル文字の大きさを変える。
・ブログ説明文の色を変える。
・ブログタイトルの背景に画像を使う。Part.2
・画像をアップロード＆URL（アドレス）を調べる。

]]> http://blog-customize-fun.seesaa.net/article/100308427.html Seesaaのブログ説明文って浮いてない？。目立ち過ぎなKYな奴め！って思ったりしない？(←俺だけ？) そこで「ブログ説明文の色を変える」方法。 カスタムする＞タイトルをいじる。 ぽち。 2008-06-12T20:53:33+09:00 目立ち過ぎなKYな奴め！って思ったりしない？(←俺だけ？)

そこで「ブログ説明文の色を変える」方法。

Seesaaのブログ説明文って浮いてない？。
目立ち過ぎなKYな奴め！って思ったりしない？(←俺だけ？)

そこで「ブログ説明文の色を変える」方法。

編集画面の「デザイン」タブ⇒「デザイン一覧」タブ⇒画面下部にある、現在使用中のスタイルシートの「タイトル」を選択します。
スタイルシートのソースの割と最初の方に

.description {
color:#FFF;
font-size:12px;
font-family:sans-serif;
font-weight:bold;
line-height:140%;
padding:0px 10px 0px 0px;
}

と書かれた一文があります。
検索ボックスで探すときは
【　　description　　】
で探してみて下さい。
使用されているスタイルシートによっては若干ソースが違いますがこの部分がブログ説明文の装飾を決めています。

color:#FFF;

のFFFを書き換えれば、説明文の色を変えられます。
【＃】と【；】を付け忘れないで下さいね。

Nazcaさんの色見本/カラーチャートを見て
プレビューを見ながら調節してください。

最後に「スタイルシートを変更する」で終了です。

【seesaaをカスタマイズする。】では、スタイルシート(ブルー両サイド)を基本に書いています。


：関連記事

・タイトル文字の色を変える。
・タイトル文字の大きさを変える。
・ブログタイトルの背景に画像を使う。Part.1
・ブログタイトルの背景に画像を使う。Part.2

]]> http://blog-customize-fun.seesaa.net/article/100273880.html Seesaaやってると、リンクをもうちょっとアピールさせたくない？たまには動いてみろよ！って思ったりするよね？(←俺だけ？)そこで「リンクにカーソルあてた時、ちょこっと動かす」方法。 カスタムする＞全体をいじる。 ぽち。 2008-06-12T14:04:04+09:00 たまには動いてみろよ！って思ったりするよね？(←俺だけ？)

そこで「リンクにカーソルあてた時、ちょこっと動かす」方法。


これはスタイルシート(CSS)の変更で行ないます。

編集画面の「デザイン」タブ⇒「デザイン一覧」タブ⇒画面下部にある、現在使用中のスタイルシートの「タイトル」を選択します。

スタイルシートのソース内に
【　a { 　】
から始まる項目があります。

見つからない時は検索ボックスに、　　a{　　　と打ち込んでみてください。

a{
color:#00C657;
}

上のようなソースが見つかります。
このＡタグの一行下に

a:hover {
position:relative; 動かす方向と幅
}

を追加します。
そして【　 position:relative;　】の後(動かす方向と幅のトコロ)に、動かす方向

top: (下に移動)　Bottom:（上に移動)　left:（右に移動）　right:（左に移動）

と、幅を指定します。

＊px;　　　＊はお好きな数字を。(1～2ぐらいがちょうどいいです)

こんな感じになるかと↓

a:hover {
position:relative; top:1px; left:1px;
}

プレビューを見てよければ、
「スタイルシートを変更する」
で終了です。

見本はスタイルシート：ブルー（両サイドﾊﾞｰ）の場合です。
ちなみに【seesaaをカスタマイズする。】では前回の「リンクにカーソルあてた時、色を変化させる」と一緒にカスタムしました。その場合【a:hover {　}】の{　}内に、
color: 　と　position:relative;　を一緒に入れてあげてください。

：関連記事

・リンクにカーソルあてた時、色を変化させる。
・リンクされている文字の色を変える。

]]> http://blog-customize-fun.seesaa.net/article/100217404.html ども！Seesaaでカスタムにアフィリやってますかぁ？seesaaって、楽しいですよね。ところで、皆さん「ブラウザ」ってなに使ってます？IE(インターネット・エクスプローラー)使っている方が多いと思うんですけど、【Fire fox (ファイヤーフォックス)】の導入をおススメします。 はじめに。＞あると便利なツール。 ぽち。 2008-06-11T23:13:21+09:00 seesaaって、楽しいですよね。

ところで、皆さん「ブラウザ」ってなに使ってます？

IE(インターネット・エクスプローラー)使っている方が多いと思うんですけど、
【Fire fox (ファイヤーフォックス)】の導入をおススメします。


Fire foxはIE感覚で使える「タブブラウザ」

動作も、IEより立ち上がりが速くサクサク動いてくれます。

また、多彩なスキン(スタイルシートみたいなもん)があるので、自分好みのルックスに簡単に変更できます。その他いろんな機能がついてるし、拡張だってできちゃいます。しかも当然、無料。

さてこっからが重要。
IEとFire foxは使い方はほぼ一緒なのですが、ある程度サイトやブログの表示に違いがあります。
カスタムやアフィリをやっていると画像を貼ったり、いろいろイジッたりしますよね？そうするとIEで見ると普通なのにFire foxで見ると表示が崩れてる(逆もあり)コトがあります。

現在、このFire fox、IEに及ばないもののだいぶ使う人が増えてきています。

アフィリをやっているのに他の人から見て崩れていたら？
頑張ってカスタムしたのに他の人から見てメチャクチャだったら？
わかりますよね？せっかくSEO対策しても、全然意味なくなっちゃいます。

多くのアフィリエイターやブロガーがFire foxを使いながら、時々IEで表示をチェックする手法をとっています。

また、セキュリティの観点から見てもFire foxを使うメリットは大きいので、
まだ使われていない方は導入する事をおススメします。


↓コチラから「フリー」でダウンロードできます↓




:関連記事

・SEOやカスタムが楽になる？フリーで使えるエディタ。【さくらエディタ】

]]> http://blog-customize-fun.seesaa.net/article/100169766.html Seesaaの記事ってさびしくねぇ？ウサギはさびしいと死んじゃうんだから！！って思ってない？(←俺だけ？)そこで「記事タイトルの前に画像を表示する」方法。 カスタムする＞記事をゐじくる。 ぽち。 2008-06-11T13:27:08+09:00 ウサギはさびしいと死んじゃうんだから！！って思ってない？(←俺だけ？)

そこで「記事タイトルの前に画像を表示する」方法。


これは「記事コンテンツ」の「コンテンツHTML編集」で行ないます。

まず適当なサイズの画像(※大きすぎると表示が乱れます)を用意してから、
編集画面の「デザイン」タブ⇒「コンテンツ」タブ⇒「記事」コンテンツ⇒「コンテンツHTML編集」と進みます。

<div class="blogbody">
<h3 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h3>
<% if:page_name eq 'article' -%>

というソースがあります。
見つからない時は、検索ボックスで【　class="title"　】と検索してみてください。

<h3 class="title">

の後に画像を貼り付けます。

<div class="blogbody">
<h3 class="title">ここに画像<a href="<% article.page_url %>" class="title"><% article.subject %></a></h3>
<% if:page_name eq 'article' -%>

となります。

プレビューを見て良さげなら保存で終了です。
←こんな感じになります。

：関連記事

・記事の最後に広告や文章を自動挿入する。
・行間を変更する。
・記事内の文字サイズを変える。
・画像横に文章を書く。
・記事上部の日付(投稿日時)を表示しない方法。
・posted by欄のカスタマイズ。

]]> http://blog-customize-fun.seesaa.net/article/100159417.html Seesaaの記事の最後に毎回同じ文章入れてる？。あれってすごいメンドくない？(←俺だけ？)そこで「記事の最後に広告や文章を自動挿入する。」方法。 カスタムする＞記事をゐじくる。 ぽち。 2008-06-11T11:18:06+09:00 あれってすごいメンドくない？(←俺だけ？)

そこで「記事の最後に広告や文章を自動挿入する。」方法。


編集画面の「デザイン」タブ⇒「コンテンツ」タブ⇒「記事」コンテンツ⇒「コンテンツHTML編集」で行ないます。

<div class="posted">posted by <% article.nickname %> at <% article.createstamp | date_format("%H:%M") -%>

というソースがあります。
見つからない時は、検索ボックスで【　posted　】と検索してみてください。

この一文の上に以下を書き加えます。

<% if:page_name eq 'article' -%>
「挿入したい広告・文章」
<% /if -%>

「挿入したい広告・文章」のトコロを好きに書き変えます。
モチロン「リンク・画像」などもOKです。

また、

<% if:page_name eq 'article' -%>

の【　article　】を書き換えることによって、
表示するページを制限することも可能です。

Index　　トップページ
article　　記事ページ
category　カテゴリページ
archives　過去ログページ
comment　コメントページ
search　　検索結果ページ

と対応しています。

なお【seesaaをカスタマイズする】ではトップページへのリンクを挿入しています。

：関連記事

・記事タイトルの前に画像を表示する
・行間を変更する。
・記事内の文字サイズを変える。
・画像横に文章を書く。
・記事上部の日付(投稿日時)を表示しない方法。
・posted by欄のカスタマイズ。

]]> http://blog-customize-fun.seesaa.net/article/99922110.html Seesaaのタイトル文字の色を変えたいなぁ。目立ちたがりの俺には控えめすぎだ！って思ったりしない？(←俺だけ？) そこで「タイトル文字の色を変える」方法。 カスタムする＞タイトルをいじる。 ぽち。 2008-06-09T10:24:52+09:00 目立ちたがりの俺には控えめすぎだ！って思ったりしない？(←俺だけ？)

そこで「タイトル文字の色を変える」方法。

編集画面の「デザイン」タブ⇒「デザイン一覧」タブ⇒画面下部にある、現在使用中のスタイルシートの「タイトル」を選択します。
スタイルシートのソースの割と最初の方に

h1 a{
color:#FFF;
font-family:arial, Helvetica;
text-decoration: none;
font-family:sans-serif;
font-weight:bolder;
}

と書かれています。
検索ボックスで探すときは
【　　h1 a{　　】
で探してみて下さい。
使用されているスタイルシートによっては若干ソースが違いますがこの部分がタイトル部分の細かいコトを決めています。

color:#FFF;

のFFFを書き換えれば、タイトルの色を変えられます。
【＃】と【；】を付け忘れないで下さいね。

Nazcaさんの色見本/カラーチャートを見て
プレビューを見ながら調節してください。

最後に「スタイルシートを変更する」で終了です。


：関連記事

・タイトル文字の大きさを変える。
・ブログ説明文の色を変える。
・ブログタイトルの背景に画像を使う。Part.1
・ブログタイトルの背景に画像を使う。Part.2

]]>