主に無料で使えるソフト・小技等 索引
|
|
vo.32 サイトマップ(sitemap.xml)を作っていますか? SEO対策に欠かせない「sitemap.xml」。どう作っていいのか分からないって方がたくさんいらっしゃいます。以前の私もそうでした。以下で紹介するのはこれまで私が使っていた「sitemap.xml」無料作成サイト「XML-Sitemaps.com」。 十分に使えるのですが、サイトが肥大化し500ページ以上となると作成不能でした。 しかし、見つけました。1000ページでも自動生成してくれるサイトを! サイトマップを作成-自動生成ツール「sitemap.xml Editor」
|
|
vo.37 別サイトで「B級グルメガイド」を作成中。情報が日本全国に渉るため日本地図から都道府県をクリックできる「イメージマップ日本地図」を探してみました。又又良いサイトが見つかりました。 「無料地図素材.net」 ありがたいですね~。相当の時間をかけて作られたものを無料で配布してくれます。 当方の使用ページはこちらです。 |
|
vo.36 ホームページの作成を続けていると「cgiの外部ファイル」の取り込みや、cgiで表示されるページをメインサイトと同じ雰囲気にしたい時ってありますよね。 cgiプログラムが書けなくてもサイト内に上手に取り込むことはそんなに難しくありません。 書き換えたいhtmlタグをcgiタグに書き換えることで解決しましょう。 そんなとき便利なサイトが 「CGI←→HTML Converter」 cgi化すると一部文字で文字化けが発生します。 そんなときは文字化けする文字の前に半角\を追加するだけで解決します。 |
|
vo.35 Google Insights for Search 米Googleの「Google Insights for Search」は、同社の「Google Trends」を発展させたサービス。Googleにおける検索キーワードのトレンドをより詳細に調べられるツールです。 キーワードのトレンド、類似キーワードなど検索キーワードに関連する情報を得られます。無料サービス。以下のようにサイトに貼り付けることも可能。 |
|
vo.35 このページで設置している「アンカーハイパーリンク」が効かない!!?? IEだとスムーズに移動するのに、FireFoxだと無反応???? アンカーはページ内移動ができる便利なタグだが・・・・ これまで、「<a href="#xxx">あいうえお</a>」で呼び出し、 移動したい場所に「<a name="xxx">」を設置して処理してきました。 HTMLチェックで「</a>」も必要と指摘され、「<a name="xxx"></a>」で処理してきました。 しかし、FireFoxでは無反応。調べてみたら、タグの間にテキストの挿入が必要とのこと。(^^ゞ そこで「<a name="xxx">&nbsp;</a>」(&は小文字)と書き換えました。 FireFoxでもアンカーが効くようになりました。 因みに「&nbsp;」はスぺースの文字コードです。 |
|
vo.34 現在はサーチエンジンの改良が進み、index.htmlありとなしを同一ページとして認識するようになって 「http://www.exmample.jp/」と「http://www.example.jp/index.html」を正規化し、「http://www.exmample.jp/」にそろえる時は、.htaccessに次のように記述します。 Options +FollowSymLinks RewriteEngine on RewriteCond %{THE_REQUEST} ^.*/index.html RewriteRule ^(.*)index.html$ http://www.example.jp/$1 [R=301,L] 「wwwあり」と「wwwなし」の統一化と合わせてやれば完璧です。 301リダイレクトを使った「wwwあり(www.sample.jp)」と「wwwなし(sample.jp)」の設定するには、次のように「.htaccess」ファイルに記述します。 「wwwあり」に統一する場合 Options +FollowSymLinks RewriteEngine on RewriteCond %{HTTP_HOST} ^sample\.jp RewriteRule ^(.*)$ http://www.sample.jp/$1 [R=301,L] 「wwwなし」に統一する場合 Options +FollowSymLinks RewriteEngine on RewriteCond %{HTTP_HOST} ^www.sample\.jp RewriteRule ^(.*)$ http://sample.jp/$1 [R=301,L] 被リンクチェックツール「hanasakigani.jp」 http://hanasakigani.jp/index.html 以下からの転用 http://dor-project.com/blog/ |
|
vo.33 「デジカメエキスパート」をご存じですか? Yahoo!インターネット検定のひとつです。 1~3級の三種類あり、2010年8月現在、受験料0円。 早速チャレンジしてみました。お陰さまでどうにか合格! 専用テキストも出ています。 |
|
vo.29 このページでも使われている『ページ内検索』をご存じだろうか? 『サイト内全文検索』では対象が多すぎる場合に使用すると訪問者に優しい作りとなります。 ヘッダー内に以下のソース1を埋め込み、<body>直下か、検索を開始したい場所にソース2を埋め込むだけで簡単に使用できます。 ソース1; <SCRIPT LANGUAGE="JavaScript" > var serchindex=0; var serchcounter=0; var serchstr = ""; var serchwordcounter=0; var start=0; function wordserch(){ if(serchstr != document.serch.q.value){serchindex=0;serchwordcounter=0;} serchstr = document.serch.q.value; var bCrumb = new Array(); var i; while(serchstr.indexOf(' ')>=0){serchstr = serchstr.replace(" "," ");} while(serchstr.indexOf('|')>=0){serchstr = serchstr.replace("|"," ");} while(serchstr.indexOf('&')>=0){serchstr = serchstr.replace("&"," ");} bCrumb=serchstr.split(" "); for(i=serchwordcounter;i<bCrumb.length;i++){ serchstring = bCrumb[i]; serchcounter++; ref=serch(serchstring); if(!ref){alert('検索単語が見つかりません');} if(ref==true && start>=0){ break; }else if(ref==true && start<0){ serchwordcounter++; serchindex=0; break; }else{ serchwordcounter++; serchindex=0; } } } function serch(txt,index){ var before,txt,after,objstr;kazu=0; var serchstr=txt; objct = document.getElementById('UR'); str = objct.innerHTML; start = str.indexOf(serchstr,serchindex); if(start>0){ before=str.substring(0,start); txt="<B><A NAME='serchstr"+serchcounter+"'>"+serchstr+"</A></B>"; after=str.substring(start+serchstr.length); objstr = before+txt+after; if(navigator.appName.indexOf("Microsoft")>-1){ objct.innerHTML = objstr; location.hash = "#serchstr"+serchcounter; }else{ document.clear(); document.open(); document.write(objstr); document.close(); location.hash = "#serchstr"; } serchindex=start+txt.length; start = str.indexOf(serchstr,serchindex); return true; }else{ return false; } } </SCRIPT> ソース2; <DIV STYLE="text-align:right;vertical-align:baseline;font-size:10pt;"><FORM name=serch action="javascript:wordserch()">ページ内から検索:<INPUT name=q><INPUT type=button onClick="wordserch()" value="検索"></FORM></DIV> <DIV ID="UR"> |
|
vo.28 「フリー写真素材」、これが当サイトの最重要キーワード。 Google → 5,280,000 件中 21位表示。1ポイント↑ しかし、yahoo!は、81,200,000件中643位 「フリー写真素材 完全無料」で検索をかけると、13位。0ポイント- Google → 「フリー写真素材 完全無料」で検索。 約 1,980,000 件中、1位 |
|
vo.27 運用している サイトを RSS で配信するにはRSS の書き方を理解して、自力で RSSにまとめる方法もありますがWebページを対象にして、自動でRSSを作成してくれると楽ですよね。 当サイトでも2種類のバージョンのRSSを配布していますが、これもフリーソフトの助けを借りています。 ソフト名は「Fumy RSS & Atom Maker」 |
|
vo.27 「フリー写真素材」、これが当サイトの最重要キーワード。 Google → 5,250,000 件中 22位表示。2ポイント↑ しかし、yahoo!は、81,700,000件中640位60ポイント↑ 「フリー写真素材 完全無料」で検索をかけると、13位。4ポイント↑ Google → 「フリー写真素材 完全無料」で検索。 なんと、なんと、 約 1,980,000 件中、1位 |
|
vo.26 ホームページ無料テンプレート配布サンプルのチェックボックスに色を付けてみました。 これも、IEとFireFoxでは表示に違いがありますが、一応使えますのでソースを以下にご紹介しましょう。 .check-color { background: #fff0f0; border-bottom: #ff6633 1px solid; border-left: #ff6633 1px solid; border-right: #ff6633 1px solid; border-top: #ff6633 1px solid; color: ff6633; font-family: MS UI Gothic,Osaka } |
|
vo.25 ホームページ無料テンプレート配布サンプルの文法チェックしました。 当初、70点程度でしたので修正と若干のテクで100点満点!!! 学生時代ほとんど満点を貰ったことがないので(*^_^*) 因みにこれも無料で利用できます。サイトは以下となります。 Another HTML-lint(HTML文書の文法をチェックし、採点します) |
|
vo.24 スクロールバーのデザイン変更は意外と面倒ですよね。 scrollbar-face-color: #393939; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-3dlight-color: #f3f4f5; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #e6e6fa; scrollbar-darkshadow-color: #ffffff; 上記のように七か所の色設定が必要となります。意外と面倒(^^ゞ ここで便利なサイトが見つかりました♪ スクロールバー 色メーカー~自分でデザインするスクロールバー |
|
vo.23 現在、「無料テンプレート」を作成中。 サンプルは以下で、見れます。 サンプル1、サンプル2 ソースの修正を終え次第配布開始予定です。 このテンプレートは〓ダブルバキバキ〓さんの「ホームページ作成高速化無料テンプレート拡張セット」を修正したものとなります。 |
|
vo.22 SEOに欠かせない検索エンジン対策--2。 「フリー写真素材」、これが当サイトの最重要キーワード。 Google → 5,250,000 件中 24位表示。アップ後わずか50日程度だから十分満足。 しかし、yahoo!は、81,700,000件中700位程度(探すのに苦労(^^ゞ ) 「フリー写真素材 完全無料」で検索をかけると、17位。 この差は?? まあ、地道に努力していくしかしょうがないですね。 |
|
vo.21 SEOに欠かせない検索エンジン対策。 この際活躍するフリーソフトの一つが「検索順位チェックツールGRC」。 有料版もあるが、個人で使用するにはフリーで十分。 |