アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦! -54ページ目

Google 何か変りましたか?

Google 何か変りましたか?

以前・・このブログはGoogleのページランクは3だったんですが・・
知らない間に2に落ちちゃっています
同時に前は検索しても1番目に表示されていたキーワードでも2番目になっちゃったりして・・

アメブロトップはランク7なんで変化はないようです・・

わたしのブログが下がっているだけですね・・



やはり・・重過ぎるのかな?


自分で見ていてもなかなか表示されない・・
会社のパソコンなら光だし性能も家のパソコンよりマシなんでそれほどストレスはないんですが
家でコメントに回答を書いているとあまりに遅くてメチャいらいらします
自分でもこうなんでみなさまにはもっと迷惑をおかけしていることと思います m(_ _)m
でも・・このブログで紹介しているものの見本も兼ねていますので・・・



このブログ自体・・もっとスマートなスキンに変更したいって・・希望はあるのですが
実際・・私自身もう忘れてしまっているものも付いていたりして・・
恐ろしくて手が付けられません
本当はもっとサクサク動いて検索なんかもすぐに表示できれば使いやすくなることは・・
わかっているのですが・・勇気がありません




私はブログを始めてからSEOに興味がなくなってしまいましたので
私のSEOの知識は3年前でストップしています


8月の終わりころアメリカのGoogleで同一ドメインでも2つ以上表示するよう変更されたようですが・・
日本でもそうなっていますね・・

特にキーワードを2つとか3つとかで絞っていくほど出やすくなるようです

yahooは依然2つまでしか表示されないみたいですが・・


いままではみなさまのブログはアメブロのサイト内の1部ですべて同一ドメインですから

検索しても上位2つのブログしか表示されていませんでした
一時期・・あるキーワードで私のブログが上位2つを独占してご迷惑をおかけしていたこともあったようですが・・
2つ以上が表示されるようになってくるようなのでこれからアメブロでもSEOが流行ってくるような気がします



アメブロでも前からSEOに関したブログはいくつもありましたが・・
検索に上位2番目までしか表示されないことを書かれているブログは見たことがありませんでした


普通のサイトでしたら検索エンジンにインデックスされていればどこかに表示はされているはず

それが10ページ目なのか100ページ目なのかはわかりませんが・・

ともかく表示されるページを出来るだけ前にするようにSEOを頑張っているはずです

でもアメブロは同一ドメインですので検索したキーワードで3番目以下でしたらドコにも表示されることはありません

表示されなければ順番なんて関係ありません

どう頑張ったって表示されないんですから・・・


なので・・アメブロでSEOをやるならどうやって2番目以内に入るかが絶対に大事なはずで・・

それを説明しないでなんでSEOのブログをやっているんだろう?って不思議に思っていました


もっとも全部のSEOを説明しているブログがアメブロだけを対象としているわけでもなく・・

あくまでSEOに興味がなくなった私がたま~に目にしたブログだけをチラッと見ての感想ですが・・


わたしが見ていない真面目で有意義なSEOを説明しているブログも多くあると思います



3年前より知識が止まっているわたしがSEOを説明したって何の意味もありませんので

SEOってなに?って思われた方は・・

yahooやGoogleで「SEO」って検索下さい

ものすごい数で説明しているサイトやブログが出てくると思います・・



でもなんでランクが落ちちゃったんでしょ?

JavaScript コメント 遊んでみよう・・?

こんどはコメント部分で遊んでみます?



アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


フリープラグインに・・ 赤字部分を自由に変えてね

<script type="text/javascript">
<!--
$(function(){
$("#comment_module h3").html("米場所")
$("#comment_module .list a").html("コメントするならアメおくれ")
$(".comment_gotoform a").html(" [コメント記入欄を表示] ")
$("#comment_show h4").html("米はじぇったいにすること")
$("#comment_show p").html("釦クリックしたら<br>コメント投稿画面が別窓で開くから<br>よろしく!")
$(".lastItem input").attr("value","クリックよろしく!")
});
// -->
</script>


※枠内のメッセージは <br> で改行することが出来ます

枠内メッセージにはアイコン画像も使えます
アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

$("#comment_show p").html("釦クリックしたら<br>コメント投稿画面が別窓で開くから<br>よろしく<img src='アイコン画像のURL'>")

もちろんメッセージの途中でもOKですよ・・アイコンを表示したい部分に<img src='アイコン画像のURL'>

※ " の中ですから 「 ' 」(シングルコーテーション)を使わないとエラーになります




※変更しない部分はその行を削除してください


たとえば・・変更するのは枠内だけでいい場合・・

<script type="text/javascript">
<!--
$(function(){
$("#comment_show h4").html("米はじぇったいにすること")
$("#comment_show p").html("釦クリックしたら<br>コメント投稿画面が別窓で開くから<br>よろしく!")
$(".lastItem input").attr("value","クリックよろしく!")
});
// -->
</script>


たとえば・・変更するのは枠内のメッセージだけでいい場合・・

<script type="text/javascript">
<!--
$(function(){
$("#comment_show p").html("釦クリックしたら<br>コメント投稿画面が別窓で開くから<br>よろしく!")
});
// -->
</script>


変更しない部分を("米場所")→("")なんてするとその部分が消えてしまいます

変更しない部分は該当行を削除してください



つぎはCSSですよ・・・

コメントの横の  アイコンを変更する場合は・・


#comment_show h4{
background:url(アイコン画像のURL);
background-repeat:no-repeat;
margin-bottom:10px;
}


枠内のメッセージを中央寄せにする場合は・・


#comment_show p{
text-align:center;
}


一緒にプレゼントを贈ろう を消す場合は・・


#comment_present{
display:none;
}




コメント部分の過去記事も参考にして下さい


CSS コメント投稿の枠やボタンの変更

CSS コメント記入欄のボタンをかわいく・・

CSS コメント投稿欄を画像に

CSS コメント投稿欄を画像に2



遊んでみようシリーズ?

JavaScript 記事下foot 遊んでみよう・・?

JavaScript コメント 遊んでみよう・・?

JavaScript サイドバーの見出しタイトル 遊んでみよう・・?
JavaScript メチャクチャ・・遊んじゃおう?


JavaScript 記事下foot 遊んでみよう・・?

お騒がせいたしました

何とか動作するようになったかな

----------------------



相変わらず咳が止まりません

夜になると嫌な咳がでて

眠れないし・・

腹筋は痛くなるし・・

足はつっちゃうし・・?



そろそろCSSでさわれる部分も見当たらなくなってきていますので・・

お遊び企画?


記事下を変更してみます



アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


フリープラグインに・・ 赤字部分を自由に変えてね


<script type="text/javascript"><!--
$(function(){
$(".foot a:first-child").html("<img src='アイコン画像のURL'>ぱーまりんく");
$("a.comment").each(function(){
$(this).html( $(this).html().replace( /コメント/ , "" ))
});
$("a.trackback").each(function(){
$(this).html( $(this).html().replace( /トラバ/ , "寅歯" ))
});
$("a.petaLink").html("ぺたっち");
});
// --></script>

※$(".foot a:first-child").html("<img src='アイコン画像のURL'>ぱーまりんく")

アイコン画像のURLは 「 " 」 ではなくて 「 ' 」 (シングルコーテーション)です




他のアイコンの変更方法は過去記事を探せば見つかりますが・・

さっさと教えろ!って声が聞えてきそうですので特別に?



こちらはCSSですよ・・・

/*記事下コメント*/
.foot .comment {
background:url(画像のURL) no-repeat !important;
}

/*記事下トラバ*/
.foot .trackback {
background:url(画像のURL) no-repeat !important;
}

/*記事下ペタ*/
.foot a.petaLink{
background: url(画像のURL) no-repeat;
}



遊んでみようシリーズ?

JavaScript 記事下foot 遊んでみよう・・?

JavaScript コメント 遊んでみよう・・?

JavaScript サイドバーの見出しタイトル 遊んでみよう・・?
JavaScript メチャクチャ・・遊んじゃおう?