「WPその他」カテゴリーアーカイブ

robots.txtの面倒くさい話

こっそり稼働してる趣味のサイトがあるよ的な話とか、前はHTMLでサイト作ってた事もあるとか書いてきたけども、今までは全部検索エンジンに引っかからなくてOKというか、むしろ検索に引っかかると困るようなものも気楽にウェブスペースにUP出来るのが魅力で、全部の検索エンジンを一括拒否してた。

これは robots.txt に

User-agent: *
Disallow: /

の2行を書いてドメインのトップに置くだけ。
もちろん内容的に検索エンジンに拾われたって問題ないものもあったけど、わざわざ指定してその部分を検索エンジンに拾ってもらうほど重要なものも書いてない。
一括拒否する前は日記サイトの掲示板に、検索から来たんですけどって質問してくれた人もいたんだけどね。
でも日記サイトも身内に日常知らせるのが目的で書いてただけだから、知り合いに直接URL配ればそれでよかった。

しかし今回、お小遣い稼ぎ目的のブログなんて人に来てもらってなんぼじゃないですか。
検索エンジンに拾ってもらって、検索からも辿り着いて欲しいじゃないですか。
って考えたら、全部の検索エンジンを拒否してる場合じゃない。
しかし検索エンジンに拾われると困るファイルも大量にある。むしろ今まで拒否ってた部分はそのまま全部拒否って、新たに構築したブログのみクロールして欲しい。
あ、クロールって言葉も今回色々調べて初めて知りました。
ソフトウェアが自動的にWebページを収集する作業。らしい。

というわけで、仮に拒否りたいフォルダがABCだとすると、

User-agent: *
Disallow: /A/
Disallow: /B/
Disallow: /C/

という記述。ここまではそう面倒でもない。

問題だったのは、WordPress に対する robots.txt の書き方。
ほとんどのサイトさんがWordPressをドメイン直下に設置してるという設定で解説している。
WordPressをインストールする時にWordPressが仮想robots.txtってのを自動生成してくれるようですが、WordPressでブログ始めるためだけに新たにレンタルサーバ契約して、WordPressインストール という手順を踏んだ人にしか多分利用できない。
私みたいにもともとrobots.txt置いてる人はそっちが優先されちゃう。
しかもこのブログに関してだったら、
http://buiary.omoti.jp/blog/
下線部分がサブドメインなわけで、実際はDというフォルダの中にblogってフォルダを作ってそこにWordPressがインストールされてる。
Dというフォルダの中身全部クロールOKって事なら別に問題なかった。
WordPressは管理画面やらプラグインやらクロール必要ないものがたっぷりある。
これは検索するとすぐ出てくる。
幾つかのサイトさんみて共通してるな~と思ったのが

Disallow: /wp-admin/ (管理画面)
Disallow: /wp-content/plugins/ (プラグイン)
Disallow: /*?* (URLに ? が入るページ)
Disallow: /*?  (URLに ? が入るページ)

他も色々あるっぽいし私もこれ以外も書いてるけど、その辺は各自取捨選択で良さそう?

でやっと問題部分。
このブログはDってフォルダの中のblogってフォルダなので、単純に考えたら
Disallow: /D/blog/wp-admin/
って書けばいい。
だけどちょっと待って。このブログ1個でお小遣い稼ぎする気は元々あまりない。
自分が管理できる範囲で複数平行して運営したい。
そしてさっそくGoogle AdSense審査用に日記ブログ作ったわけだしね。
それをいちいちブログごとに設定していくのはどうなのよ。
というわけでようやく自分のrobots.txtの中身(一部)。

Disallow: */*/wp-admin/
Disallow: */*/wp-content/plugins/
Disallow: */*/*?*
Disallow: */*/*?

Googleウェブマスターツールで確認済み。
この記述でいいのかいまいちわからなくて結構ここでも時間食ったよね。
Googleウェブマスターツールでの確認のやり方も最初わからなくてさ。
いや今もアップロード前のテストの仕方今一わかってないままなんだけどさ。

ついでのおまけ。
日記ブログ用のWordPressはもともと日記サイトを置いていた(今も更新停止で放置されてる)Eってフォルダにやっぱりblogってフォルダを新たに作って構築。
日記サイトがEフォルダにindex置いてるサイトじゃなかったのが良かった。
日記サイトはEってフォルダの中のnikki(仮)ってフォルダに入れてたの。
Eフォルダも別の名前のサブドメイン指定してるから、サブドメイン直下にindex.html置くのを躊躇ったんだよね。
あ、いや、index.htmlはいちおう置いてあるけど。ほぼからっぽで何もないよって書いてあるだけのやつが。
というわけで

Disallow: /E/nikki/

というのも記述してあります。
こうしておけば、EのnikkiはクロールされないけどEのblog内(日記ブログ)はクロールされる。


 
ブログランキングに参加しています。応援よろしくお願いします。
にほんブログ村 小遣いブログ 主婦のお小遣い稼ぎへ

※ コメントは承認制です。表示されるまで暫く掛かる場合があります。

アイキャッチ画像色々

アイキャッチ用の画像をいくつか作ってみた。
まずアイキャッチを指定しなかった時の画像。
no-image画像は急ぎで作りたいってのは2個めの記事で書いたんだけど、これだけはその記事書いた翌日にはちゃんと作ってありました。
さすがにサイトのデザイン的に、デフォルト画像使用しっぱなしはないなと思って。

でも連日ブログ関連の記事ばっか書いてるから、ブログ用のアイキャッチ画像も欲しくない? と思って作っちゃったのがこれ。
blog
作ったからには使うよね。と思って今まで投稿したののアイキャッチ画像を変更してみたら、no-imageの使用がなくなった。けどまぁいいか?

そして今回、この投稿用アイキャッチとして作ったのがこれ。
eyecatch
でもって、今後使いたいかな~と思われるものを取り敢えず4種準備。
kau uru taberu yomu
「買う」「売る」「食べる」「読む」の4つ。これが基本になるんじゃないかなーというイメージ。
実際どうなるかわからないけど。そもそも今も予定外の記事書きまくってるしね。
自分用メモだけどフォントサイズは140。

 

ついでにTwitter用に作ったアイコンも晒す。
kao
最初アイキャッチと同じ200✕200ピクセルで作ったのをアップロードしたらあんまり綺麗じゃなくて、調べたらアイコン画像は400✕400ピクセルを推奨されてたから作りなおした。
でもって、どうせならWordPressのアイコンもこれにしようと思ったんだけど、簡単には出来ないっぽいね。
WordPressの管理者アカウントのアイコンを登録するには、gravatar(広範囲で利用できるアバター)ってのに登録するか、プラグインが必要みたい。
・ Simple Local Avatars
他にもあるかもだけど調べてない。
これはもうちょっと調べて、いずれはアイコン画像も設定したいな。


 
ブログランキングに参加しています。応援よろしくお願いします。
にほんブログ村 小遣いブログ 主婦のお小遣い稼ぎへ

※ コメントは承認制です。表示されるまで暫く掛かる場合があります。

ヘッダー画像作り

今日はプラグイン関係を色々って思ってたけど、実は、午前中は結局Photoshop弄って遊んでしまったのだよね。
Twitterの壁紙やヘッダー画像変えたかったし、ブログのヘッダー画像も四隅を丸くしたくてさ。

まずTwitter。
Twitterにデフォルトで設定されてる背景画像のテンプレートは2247×190ピクセルで作られてるというのは調べたら出てきたので、
twkabe2
こういう画像を自作して、背景をタイルするのチェックを外して、背景色に下地になってる色(#FFE9ED)を指定。するとこんな感じになる。
twdesign
ループできるような画像を作成するスキルはない。ついでに言うと、真面目にデザインやらを学んだこともないよ。
下手の横好きでもいいじゃない。だって作業そのものはそれなりに楽しいんだよね。
やり始めるとつい時間を忘れてあれこれ試行錯誤しちゃう。
なおヘッダー画像はブログのヘッダーに合わせて野いちご写真を推奨サイズの1500×500ピクセル(最大10MB)に切り取ったものを使用してる。
これも最初上手くアップロードできなくて、面倒になって諦めてたんだけど、ふと、画像の名前が悪いのかも? と閃いて、tw-head.jpg → twhead.jpg に変更してアップロードしたらあっさりヘッダー指定できた。ようするに、画像ファイルに -  を使うのがNGだったってことなんだろうね。
どうでもいいけど、ツイッターにしろブログにしろこんなにピンク・ピンクしたものになるとは思ってなかったw
その時の気分で適当に作ってるからだけど。

次にブログのヘッダー。
berry
berry
上が昨日までので下が今日作ったやつ。
最初切った四隅が白く表示されちゃって アレレ? ってなったんだけど、考えたら原因はjpg画像として保存したからだったんだよね。
透過させたいならpngかgif画像だよねぇ。久々に画像ソフト弄ってるんで忘れてました。
私はPhotoshopで自分で画像作ってるけど、調べてみたら最近は簡単に透過処理が出来るサイトやソフトなんてものもあるんですね!
と思ったので、ちょっと使ってみた。
hikaku
めちゃくちゃ気持ちの悪い画像ですが、左が元画像。右が透過処理出来るサイトでとある1色を透過したもの。透過部分がわかりやすいように、下に赤いベタ塗り画像入れてみた。
たぶんこの配色加減がおもいっきり失敗してる。自覚はある。
要するに、そう簡単に抜きたいところを抜けるわけじゃない。ってのがわかればいいかなと思って。
ベタ塗りしてる色数の少ない画像なら綺麗に1色抜けるのかもだけど、写真とかグラデーション掛かってたりしたら無理よね。

こうしてまた、ついつい余計なことして時間だけが過ぎていくw


 
ブログランキングに参加しています。応援よろしくお願いします。
にほんブログ村 小遣いブログ 主婦のお小遣い稼ぎへ

※ コメントは承認制です。表示されるまで暫く掛かる場合があります。