無料でホームページのロゴを作成するツール
ホームページやブログを作る際ロゴをを作ろうとすることありますよね！簡単にロゴやバナーといった画像を作ってくれるサイトの紹介です。
商用サイトで使うのはちょっとどうかな！？と思いますがブログを作成した際は楽しいロゴでタイトルを飾れます、フリーフォントを利用したロゴですが、サイトを作る用途がなくても楽しめます。日本語に対応していないのが残念ですが。
Logo Maker : Web 2.0 Stylr
文字が半透明ので反転するロゴです、ほかにも、このサイトでは多数のロゴ作成ができます。
Logo54.com
フェラーリやスターウォーズ、任天堂、ヤフーなど企業のロゴなどに似たタイトルを作成できます。
ヤフーをイメージしたロゴ
スターウォーズ風のロゴ
フェラーリ風のロゴ
Xara 3D Heading Maker
文字を3Dにして画像に変換してくれるサイト、体験版のダウンロードもできます。
ホームページを作る際、そのサイトに合った写真を使いたいということありますよね！ 無料にこだわった素材でジャンルなどすぐに見つけられるサイトのご紹介です。 WEBデザイナーで依頼されたサイト作成する場合（二次配布）は連絡する必要があるようです。 注意書きを読んで利用したいです。
無料で画像を利用できるサイト2000ピクセル以上のフリー写真素材集
http://sozai-free.com/
ホームページ、会社で作成する資料やパンフレット・チラシ、FLASH（フラッシュ）やCGの背景、壁紙にフリー写真を利用できます。
ゆんフリー写真素材集
http://www.yunphoto.net/
約5000枚、最大400メガピクセル（デジカメ100枚分）クラスの超高解像度 無料写真素材画像サイトです。
東京発フリー写真素材集
http://www.shihei.com/tokyo_001.html#
都内の建築物、収録写真点数1300枚、非営利サイトで利用可能です。
MSNでのサイトマップを作るという記事を以前書いたのですがMovableTypeでの自動作成方法です、MSNではGoogleSitemapsはフォーマットの違いから受け付けないのでRORサイトマップ作成します。私が管理しているMovableTypeのサイトでも利用していますが若干ですがMSNのクロール率が上がったように思います。一度作ってしまえば記事を書く事に自動でror.xmlに追記してくれるのでかなり便利です。手作業で作る際はMSNのサーチエンジンにサイトマップを登録する方法をご覧ください。
作成方法は以下の手順
MovableTypeにログイン→テンプレート→テンプレートを新規作成
■テンプレート名 ROR
■出力ファイル名 ror.xml
■テンプレートの内容■
<?xml version="1.0" encoding="<$MTPublishCharset$>"?>
<!-- This file is a ROR Sitemap for describing this website to the search engines. For details about the ROR format, go to www.rorweb.com. -->
<rss version="2.0" xmlns:ror="http://rorweb.com/0.1/" >
<channel>
<title>ROR Sitemap for <$MTBlogURL encode_xml="1"$></title>
<link><$MTBlogURL encode_xml="1"$></link>
<item>
<title>ROR Sitemap for <$MTBlogURL encode_xml="1"$></title>
<link><$MTBlogURL encode_xml="1"$></link>
<ror:about>sitemap</ror:about>
<ror:type>SiteMap</ror:type>
</item>
<MTEntries lastn="9999">
<item>
<link><$MTEntryPermalink encode_xml="1"$></link>
<ror:updated><$MTEntryModifiedDate utc="1" format="%Y-%m-%dT%H:%M:%SZ"$></ror:updated>
<ror:updatePeriod>day</ror:updatePeriod>
<ror:sortOrder>0</ror:sortOrder>
<ror:resourceOf>sitemap</ror:resourceOf>
</item>
</MTEntries>
</channel>
</rss>
テンプレートが作成後にメインページのヘッダ部分<head>〜</head>に以下を追加します。
独自にページがある際はror.xmlに追記する形でページを増やします、以上です。<link rel="alternate" type="application/rss+xml" title="ROR" href="<$MTBlogURL$>ror.xml" />
MovableTypeの標準のテンプレートは、かなりSEO対策は施されていますがhxタグやメタタグなど
文字列を整理してSEO効果を高めたいものです。MovableTypeは各種プラグインが公開されていて
カスタマイズも自由に行うことができます。そんなMovableTypeですが、まずはプラグインを使わないで
SEO対策を施していきます。
METAタグの追加
テンプレートタグを埋め込むことで、記事ごとに重要キーワードを自動的に設定することが可能です。
メインページの<HEAD>〜</HEAD>内に追加します。
METAタグ(重要キーワードとコメント)を記述するもご覧ください
<meta name="keywords" content="最重要キーワード,重要キーワード,その他キーワード" />
<meta name="description" content="ページ内の説明を記述します。" />
個別アーカイブの<HEAD>〜</HEAD>内に追加します。
<meta name="description" content="<$MTEntryBody words="100"$>" />
<meta name="keywords" content="<$MTEntryKeywords$>" />
個別アーカイブのkeywords(キーワード)は新規エントリーのキーワード欄に記述します。
カテゴリーアーカイブの<HEAD>〜</HEAD>内に追加します。
<meta name="description" content="<$MTCategoryDescription$>" />
<meta name="keywords" content="<MTParentCategories glue=","><$MTCategoryLabel$>>,<$MTBlogName encode_html="1"$>," />
カテゴリーアーカイブのdescription(ディスクリプション)ですがMovableTypeの管理画面→左のメインメニュー→「カテゴリー」を選択後、
各カテゴリーをクリックすればカテゴリーの説明文を編集することができます。
検索エンジンのクロール時にサイトマップ（googleサイトマップ）を利用するというのはGoogleが作った手法ですが同じくヤフーやMSNでも似たような方法を最近では取っています。 それを利用して自サイトを効率よくクロールしてもらい、検索エンジンにサイト内のページをクロールしてもらう方法です。 サイト内のすべてのページに関する情報を送信して、クロールの効率を高め、検索結果に最新のコンテンツを簡単に反映させるということですが結構簡単にできます。
サイトを立ち上げたばかりという場合はこちらを参考にしてください。ロボット型とディレクトリ型検索エンジンとは？
MSNのサーチエンジンにサイトマップを登録する方法 続きを読む以前の話ですが、私の管理しているサイトをGoogleで検索した際、数ヶ月に一度は存在しないページのキャッシュが復活するといったことが度々起こってました。 使っているレンタルサーバはロリポップ、ちなみにロリポップは削除したページがある際は、404 Not Foundのレスポンスを正しく返さずにロリポップの広告ページにリダイレクトで 転送されてしまいます。
404とはステータスコードでリクエストされたページが無い場合に表示されるエラーです、GoogleSitemapを使い始めた頃わかったのですが
GoogleSitemapで「404 (ファイルが見つかりません) エラー ページのヘッダーで 200 (OK) ステータスが返されました」と表示されてました。
要するにページが無いのにヘッダーが200で返ってきてページがあるのかないのかハッキリしない状態ということになっていたということのようです。
そこで、独自のエラーページを作成し.htaccessファイルを追加してみました。
ロリポップのリダイレクトと.htaccess設定続きを読む
ウェブサイトを製作する際に多くのサイトがページの背景を利用しています、作成するにはフォトショップなどで画像処理ソフトで行うのですが簡単にホームページの背景を作成してくれるサイトがあります。 Slash（斜め線）Strip（横線）Dot（点線）Gradation（グラデーション）といった選択をして簡単な作業で背景を作成してくれます。Background Image Maker
Background Image Maker設定方法
http://lab.rails2u.com/bgmaker/（左側の欄）
■Type
四種類の大まかな背景を選択します。
■Margin
ラインのすき間を選択します
■LineColor
ラインのカラーを選択します。色見本はこちらのサイトが参考になります。http://www.colordic.org/
■BackgroundColor
バックグラウンドのカラーを選びます、Transparentは透過色するかどうかの選択です。
■Size
画像のサイズを選択します。基本的にはAutoにします。
■Option
背景の画像を反転させます。
右下の「Make」ボタンを押して上段の「URL」のアドレスをコピーします。ブラウザでそのアドレスを開き画像を右クリックで保存「名前を付けて画像を保存」します。 フォトショップを利用するよりも簡単に、しかも直感で背景を作ることができます。
無料でサイトを診断してサーチエンジン最適化
かなり有名なサイトの紹介なんですがAnother HTML-lint gatewayを紹介します。チェックしたいサイトのHTML文法を無料で診断でき、
わずか数秒でサイトの診断結果がでます。サイトの評価は100点からの原点方式で場合によってはマイナス点が出る場合もあります。
どこを修正すればよいかなど細かくチェックされるので簡単にサイトの修正もでき構文のチェックだけではなく、アクセシビリティを向上させるなど理由で推奨されてる色々な項目を確認することができます。
ただ、このツールでチェックして修正したからといって必ずしも自サイトの検索エンジンでの検索結果が上位に表示されるということでもありません。
Googleにてビッグキーワードで検索しても上位にあるサイトはマイナス200点だったりすることもよくあります。タグの打ち間違いや好ましくない記述など基本的なチェックに最適なツールです。
サイトをチェックしてみてください。Another HTML-lint gateway
