CSS - 【ホームページテンプレート】いせきけんじ公式サイト
ソース記述内容に関して
2010年06月28日 [記事URL]
現在運営しているサイトのソースの記述は適当なものになっているでしょうか？
何か間違っていたり、変更すべき点がありましたら教えて頂きたいです。
ページの構造について
ページの構造について
<head> 内で、<TITLE>タグの位置に問題があります。
これだと環境によっては文字化けすることがありますので、
<META>タグの後に入れるようにしてください。
<META name="keywords"...
については、項目が多すぎるので、厳選したものだけにして、
最低限いれるようにしてください。
あとは、見出しタグ（h1、h2、など）を有効に配置させる方法などを
研究なさってみてください。
（現状ですと、見出しタグがありません。）
単純な構造のサイトの場合、
CSSでレイアウトした方が絶対的に有利になりますから、
既存の<table>タグによるレイアウトから、
CSSレイアウトに移行すると良いと思います。
CSSについては、様々な解説ページがありますので、参考にしてみてください。
難しいと思いますが、頑張ってください。
高齢者に配慮したWebを作る際のポイント
2010年04月22日 [記事URL]
高齢者の方へ、情報やサービスをご提供するサイトを作ろうと思っています。
ユーザーは60代以降をターゲットとして考えております。
この世代向けのサイトとして、配慮するべきことがありましたら教えてください。
文字の見やすさと印刷のしやすさ
高齢者の方への配慮は、結果として全ての閲覧ユーザーにとっての配慮につながります。
文字の見やすさ
文字の大きさを簡単に変えれるように、CSSで組んでおくと良いでしょう。
最近よくありますが、「小」「中」「大」というボタンを押して、
それぞれ読み込むCSSを変えて、文字の大きさを変える手法です。
これを、初期状態を「大」にしておけば、高齢者の方も見やすいと思います。
印刷環境の配慮
高齢者の方に限らず、モニターで読むことを嫌うユーザーがいます。
メール、Webページを「印刷」し、紙にしてから「読む」というユーザーです。
特に高齢者の方に多いのですが、モニターで読むよりも、紙で読むほうが良いという方は多いです。
Webページを「印刷」すると、凝った背景やら何やらも一緒に印刷されてしまうと、
印刷コストも時間もかかります。
ここは、「印刷」用のレイアウトを、外部化CSSで組んでしまい、
印刷時には、「印刷」に適した状態にすると喜ばれることでしょう。
「印刷」に適した状態とは、無駄なレイアウトに関する画像などが省かれ、
コンテンツを読みやすくしたものです。文字色も最適化しましょう。
W3C準拠
最後に、W3Cが勧告しているホームページの作り方が重要です。
高齢者・障害者の方にとって閲覧しやすいよう配慮された、Webの「バリアフリー化」ですね。
サイトリニューアルなどの際にも、このW3C準拠という考え方が非常に重要です。
ロールオーバーがきちんと作動しません
2010年03月04日 [記事URL]
ページ左のメニューをロールオーバーさせているのですが、firefoxで見ると正常に動き、
IEで見るときちんと作動しません。
解決方法を教えてください。
CSSファイルの外部化
こちらの環境ですと、ロールオーバーは動いています。
（IE6.0 , IE7.0 どちらも大丈夫です。修正済みでしょうか？）
そもそも、スクリプトエラーが出ているようですね。
（フッターに入れているgoogle-analyticsのスクリプトがエラーなんでしょうか？）
ホームページビルダーか何かで
ロールオーバーのスクリプトを作っているのでしょうか？
前回もお伝えしましたが、
javascriptは、W3Cの勧告通り 外部ファイル化する必要があります。
CSSファイルの外部化も必要ですし、tableタグの使用も問題があります。
ホームページは自社で制作・運営されているのだと思いますが、
これからは、W3C準拠したサイト構造が必須となります。
どうしてもプロが制作したサイトとの差が出てしまいまし、
CSSレイアウトの得意な業者に外注されることも検討されてはいかがでしょう？
こうしたスクリプト関係の悩みもなくなると思います。
それでは、頑張ってください！
javaで動くところが 上手く動かなくなってしました
2010年02月25日 [記事URL]
教えていただきたいのが、
御社のW3C点数で99点までトップページを行くようにしたのですが、
メニューボタンなど、javaで動くところが上手く動かなくなってしました。
この解決方法を教えていただけないでしょうか。何卒よろしくお願い致します。
javascriptエラーが出ている
javascriptエラーが出ているようですね。
ホームページビルダーで作ったロールオーバーの部分だと思います。
もともと、ホームページビルダーで設定したときのコードがあったと思いますが、
それを、入れなおせば動くでしょう。
ただ、javascriptは、W3Cの勧告通り 外部ファイル化しなくてはいけません。
例えば、aaa.js というファイルを作り、その中にjavascriptコードを記述し、
<script type="text/javascript" src="aaa.js"></script>
のように、
styleの記述も、ページ内にありますが、これも本来 外部ファイル化しなくてはなりません。
例えば、style.css というファイルを作り、CSSコードを記述します。
そして<head>内に、<link rel="stylesheet" type="text/css" href="style.css" />
のように記述して、外部CSSファイルを読み込ませるようにするわけです。
こうしたレイアウトに関する情報は、全て外部化する、というのがW3Cの勧告です。
これにより、軽量化された検索エンジンロボットに好まれるHTMLソースにすることが可能です。
それから、ページ全体のレイアウトに、<table>タグが使われていますが、
これは本来「表」の意味ですから、レイアウトに使うのは文法上、間違っています。
レイアウトには、<table>ではなく、スタイルシートを使って行うべきですから、
ここから修正していく必要があるでしょう。
100点にするということは、タグの記述エラーがない、という意味に過ぎません。
本来のタグの意味に合った内部構築をしなければ、
意味の無い100点になりますから、これで満足することは非常に危険です。
ロールオーバー関係は、ホームページビルダーで作り直せば、
すぐに動くようになると思います。
あとは、記述されたコードを外部ファイル化するだけで大丈夫だと思います。
ページ全体のレイアウトについては、
CSS関係の参考書などで、基本知識を身につけ、大幅な内部リニューアルが必要
でしょう。
また、現状では画像に頼ったページになっているため、
もう少し分かりやすいテキストを使ったページ作りにしたほうが、
検索エンジンにも、ユーザーにも評価されやすくなると思います。
それでは、頑張ってください！
ＲＳＳを設置
2010年02月11日 [記事URL]
私は○○○○○というキーワードで
Yahoo!で１０位以内に入りたいので、今年に入ってSEO対策として、
Yahoo!カテゴリ登録とクロスレコメンドの登録を行いました。（でもまだ２３位）
次にＲＳＳを設置しようと考えているのですが、設置の仕方がよくわかりません。
なので設置の仕方を教えて頂きたいと思います。
お手数ですがよろしくお願いいたします。
CSSのエラーを修復していくことが先決
ホームページに設置できるRSS配信CGIでは、
http://www.futomi.com/library/rss/index.html
こちらが安価で高機能なのでオススメです。
お使いのサーバーは、チカッパのようですので、
.htaccess や、SSI などの動作も大丈夫だと思います。
（このあたりの設置方法は、マニュアルに詳しく載っています。）
うまく設置できると更新も楽になりますし、
PING送信を同時に行なうことで、検索エンジンロボットにも巡回されやすく
なります。
ただ、RSS自体は、SEO対策に直結しているものではありませんから、
苦労して設置し動かしていっても、大きな順位上昇のきっかけには
つながりにくいものです。
■SEO対策について。
「○○○○○」で上位を取ろうと思うと、
かなり大変だと思います。
上位サイトは、いずれもバックリンクが数千ありますが、現サイトは、100ちょっとです。
更新頻度もサイトボリュームも大手サイトにはかなわないでしょう。
それに「○○○○○」では、
見込み客につながるキーワードにはなりにくいものです。
１点集中で「○○○○○ ○○○○○」での上位表示を
狙うほうが売上にはつながると思います。
「○○○○○」の露出をもっと増やし、
CSSのエラーを修復していくことが先決のように思います。
それから、タイトルタグの「○○○○○」の前後に全角スペースが入っていますが、
半角スペースにしておいたほうが良いですよ。
参考になさってみてください。
それでは、頑張ってください！
Yahoo!上位10位内にしたい
2009年12月18日 [記事URL]
特定キーワードにてYahoo!上位10位内にしたいのですが、
内部と外部のどのようなことを行なえば宜しいでしょうか？
CSSによるレイアウト
タイトル、メタタグ、h1タグ、strongタグ等にこれだけ大量のキーワード羅列を行なうと、
ほぼ検索エンジンスパムの判定を受けるでしょう。
もし、スパム判定を受ければ、重い罰則が待っています。
（↓１例です）
【罰則１】検索エンジンでの表示結果ランキングの低下
http://sns.1st-need.org/group/30/topic/127
さて、対策としてですが
まずは、キーワード量、比率の健全性を高め、
内部記述に使っている table タグによるレイアウトをやめ、
CSSによるレイアウトを行なうべきです。
具体的には、
タイトルは、２４文字程度までにし、
メタキーワードには、３つ程度
メタディスクリプションには、８０文字ほど、
h1タグには、２４文字程度、
strongタグは、単語のみにし、ページ内に２箇所ほど、
にしてください。
外部対策も行なうことは多いのですが、
ページ内部のスパム的手法を一層してからでないと、プラスの効果は得られません。
まずは、内部のキーワードを調整して、健全性を保ってください。
数週間で、Yahoo!に 結果として反映されてくるでしょう。
それでは、頑張ってください！
ライバルサイトの検索上位表示
2009年12月10日 [記事URL]
アクセス数が伸び悩んでこまっています。
開設してからほぼ1年ほど立ちますが、
「○○○○○」というキーワードで、ライバルサイトに検索順位を離されています。
今のところ男性差別でGoogle検索すると３ページ目には出てくるのですが、
私より遅めに開設されているライバルサイトなどが１ページ目や２ページ目に表示されており悔しいです。
こういった現状でも、検索上位表示できるようになりますか。
独自ドメインとレンタルサーバーで、独自運営
上位検索の対策や、アクセスアップの対策は何かしていますか？？
みたところ「○○○○○」というキーワードは
競合も少なく、比較的 上位表示可能なキーワードのようです。
基本的な対策をとるだけで、上位表示できるでしょう。
まずは、フリーレンタルサーバーをやめて、
独自ドメインとレンタルサーバーで、独自運営すると良いです。
内部構造の最適化についても基本的な対策がされていないようです。
SEO対策手法の基本的なものは、書店で手に入りますので、
基本的な対策を最初に行なってみてください。
<table>タグとか、CSS外部ファイルを使った対策を行なえれば良いのですが、
その前に、基本的な対策が良いと思います。
メタキーワード、メタディスクリプションを設定する、などです。
それでは、頑張ってください！
何かペナルティを受けているのでしょうか？
2009年11月30日 [記事URL]
Yahoo!でドメイン自体にマイナス面があるのか、なかなか検索順位が
上がりません。タイトルで直に検索してみるとに3番目に表示されるのですが、
何かペナルティを受けているのでしょうか？
今、サイト内を全てのページでリニューを目指していますが、この場合解決されるでしょうか？
ヤフーカテゴリの無料登録
> 何かペナルティを受けているのでしょうか？
ペナルティかどうかを判断することは難しいですが、
こういった宣伝系のリンク集サイトは、Yahoo!・Googleともに、
厳しい状況になっている感じがします。
リンク集のテーマをより絞って、Yahoo!カテゴリの無料登録を
目指してみてはいかがでしょう？？
ヘッダーの、
この行は必要ありませんので、まるまる削除しておいてください。
通常、ロボットに命令をあたえる場合、
インデックス・フローさせないときに使う属性です。
命令を与えない場合は、自動で、インデックス・フローを行ないますので、
これは必要ありません。
忍○のスクリプトも、
の後にスグ入っていますが、この位置は、重要ですので、忍○スクリプトを、最下段、の直前にもってきて、
のスグ後には、
にしておくと良いでしょう。
> 今、サイト内を全てのページでリニューを目指していますが、この場合解決
> されるでしょうか？
リニューアルすることで、インデックスし直しになり
順位復帰することも多いですが、しないこともあります。
こればかりは、やってみないと分かりませんが、
できれば、
