CSS - 【ホームページテンプレート】いせきけんじ公式サイト

無料相談 お申し込み

HOME > Web標準 > 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の指定が無いようです。
もともと、ホームページビルダーで設定したときのコードがあったと思いますが、
それを、入れなおせば動くでしょう。

ただ、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関係の参考書などで、基本知識を身につけ、大幅な内部リニューアルが必要
でしょう。

また、現状では画像に頼ったページになっているため、
もう少し分かりやすいテキストを使ったページ作りにしたほうが、
検索エンジンにも、ユーザーにも評価されやすくなると思います。


それでは、頑張ってください!



RSSを設置

2010年02月11日 [記事URL]

私は○○○○○というキーワードで
Yahoo!で10位以内に入りたいので、今年に入ってSEO対策として、
Yahoo!カテゴリ登録とクロスレコメンドの登録を行いました。(でもまだ23位)
次にRSSを設置しようと考えているのですが、設置の仕方がよくわかりません。
なので設置の仕方を教えて頂きたいと思います。
お手数ですがよろしくお願いいたします。

続きを読む

CSSのエラーを修復していくことが先決

ホームページに設置できるRSS配信CGIでは、
http://www.futomi.com/library/rss/index.html
こちらが安価で高機能なのでオススメです。

お使いのサーバーは、チカッパのようですので、
.htaccess や、SSI などの動作も大丈夫だと思います。
(このあたりの設置方法は、マニュアルに詳しく載っています。)

うまく設置できると更新も楽になりますし、
PING送信を同時に行なうことで、検索エンジンロボットにも巡回されやすく
なります。


ただ、RSS自体は、SEO対策に直結しているものではありませんから、
苦労して設置し動かしていっても、大きな順位上昇のきっかけには
つながりにくいものです。


■SEO対策について。

「○○○○○」で上位を取ろうと思うと、
かなり大変だと思います。

上位サイトは、いずれもバックリンクが数千ありますが、現サイトは、100ちょっとです。
更新頻度もサイトボリュームも大手サイトにはかなわないでしょう。

それに「○○○○○」では、
見込み客につながるキーワードにはなりにくいものです。

1点集中で「○○○○○ ○○○○○」での上位表示を
狙うほうが売上にはつながると思います。


「○○○○○」の露出をもっと増やし、
CSSのエラーを修復していくことが先決のように思います。

それから、タイトルタグの「○○○○○」の前後に全角スペースが入っていますが、
半角スペースにしておいたほうが良いですよ。

参考になさってみてください。


それでは、頑張ってください!



Yahoo!上位10位内にしたい

2009年12月18日 [記事URL]

特定キーワードにてYahoo!上位10位内にしたいのですが、
内部と外部のどのようなことを行なえば宜しいでしょうか?

続きを読む

CSSによるレイアウト

タイトル、メタタグ、h1タグ、strongタグ等にこれだけ大量のキーワード羅列を行なうと、
ほぼ検索エンジンスパムの判定を受けるでしょう。

もし、スパム判定を受ければ、重い罰則が待っています。

(↓1例です)
【罰則1】検索エンジンでの表示結果ランキングの低下
http://sns.1st-need.org/group/30/topic/127

さて、対策としてですが
まずは、キーワード量、比率の健全性を高め、
内部記述に使っている table タグによるレイアウトをやめ、
CSSによるレイアウトを行なうべきです。

具体的には、
タイトルは、24文字程度までにし、
メタキーワードには、3つ程度
メタディスクリプションには、80文字ほど、
h1タグには、24文字程度、
strongタグは、単語のみにし、ページ内に2箇所ほど、
にしてください。

外部対策も行なうことは多いのですが、
ページ内部のスパム的手法を一層してからでないと、プラスの効果は得られません。
まずは、内部のキーワードを調整して、健全性を保ってください。

数週間で、Yahoo!に 結果として反映されてくるでしょう。


それでは、頑張ってください!



ライバルサイトの検索上位表示

2009年12月10日 [記事URL]

アクセス数が伸び悩んでこまっています。

開設してからほぼ1年ほど立ちますが、
「○○○○○」というキーワードで、ライバルサイトに検索順位を離されています。

今のところ男性差別でGoogle検索すると3ページ目には出てくるのですが、
私より遅めに開設されているライバルサイトなどが1ページ目や2ページ目に表示されており悔しいです。
こういった現状でも、検索上位表示できるようになりますか。

続きを読む

独自ドメインとレンタルサーバーで、独自運営

上位検索の対策や、アクセスアップの対策は何かしていますか??

みたところ「○○○○○」というキーワードは
競合も少なく、比較的 上位表示可能なキーワードのようです。
基本的な対策をとるだけで、上位表示できるでしょう。

まずは、フリーレンタルサーバーをやめて、
独自ドメインとレンタルサーバーで、独自運営すると良いです。

内部構造の最適化についても基本的な対策がされていないようです。
SEO対策手法の基本的なものは、書店で手に入りますので、
基本的な対策を最初に行なってみてください。

<table>タグとか、CSS外部ファイルを使った対策を行なえれば良いのですが、
その前に、基本的な対策が良いと思います。

メタキーワード、メタディスクリプションを設定する、などです。


それでは、頑張ってください!



何かペナルティを受けているのでしょうか?

2009年11月30日 [記事URL]

Yahoo!でドメイン自体にマイナス面があるのか、なかなか検索順位が
上がりません。タイトルで直に検索してみるとに3番目に表示されるのですが、
何かペナルティを受けているのでしょうか?

今、サイト内を全てのページでリニューを目指していますが、この場合解決されるでしょうか?

続きを読む

ヤフーカテゴリの無料登録

> 何かペナルティを受けているのでしょうか?
ペナルティかどうかを判断することは難しいですが、
こういった宣伝系のリンク集サイトは、Yahoo!・Googleともに、
厳しい状況になっている感じがします。

リンク集のテーマをより絞って、Yahoo!カテゴリの無料登録を
目指してみてはいかがでしょう??


ヘッダーの、

この行は必要ありませんので、まるまる削除しておいてください。

通常、ロボットに命令をあたえる場合、
インデックス・フローさせないときに使う属性です。

命令を与えない場合は、自動で、インデックス・フローを行ないますので、
これは必要ありません。

忍○のスクリプトも、の後にスグ入っていますが、
この位置は、重要ですので、忍○スクリプトを、最下段、の直前にもってきて、
のスグ後には、

にしておくと良いでしょう。


> 今、サイト内を全てのページでリニューを目指していますが、この場合解決
> されるでしょうか?

リニューアルすることで、インデックスし直しになり
順位復帰することも多いですが、しないこともあります。

こればかりは、やってみないと分かりませんが、

できれば、

タグによるレイアウトをやめ、CSSによるレイアウトにすると
データサイズ・ソース量も、半分ほどになると思いますので、
検索エンジン好みのソースにすることができます。

難易度は高いですが、挑戦する価値は十分あると思います。


それでは、頑張ってください!



Yahoo!検索からの順位大幅下落

2009年11月11日 [記事URL]

SEOに関してほとんど素人で、色々と思案しながら頑張っているのですが、
このところ限界を感じている次第です...。
月間のユニークアクセスは、5,500件/月といったところです。
これまで、子犬販売・ペット販売・ブリーダー等々の検索ワードにて、
そこそこの順位をキープしていたのですが、
Yahoo!検索に限っては、先月末のYSTアップデートにより、超大幅に下落してしまいました...。
URL自体は、残っているようなのですが、ほとんど登録されていないのと同等なのです...。

アップデートの直前に、metaタグの変更や追加を大幅に行ったのが原因かと思い、
現在は、その部分を削除し元に戻しました。
知識ないゆえ過剰な対策・誤った対策によりスパムと判断されたのかと
思っている次第です。
 
どうぞ、ご診断下さいますよう、宜しくお願い申し上げます。

続きを読む

外部化したCSSファイルによるレイアウトに

現在、tableタグによるレイアウトを行なっていますが、
外部化したCSSファイルによるレイアウトに変更すると良くなります。

検索エンジンロボットに優しいページになるよう、
内部構造も最適化し、データサイズも軽量化すると良いでしょう。


また、Yahoo!カテゴリ登録されていないようですので、
登録をご検討ください。SEO対策としてとても有効な方法です。

http://sns.1st-need.org/
こちらのサイトの下段に、Yahoo!カテゴリ登録のバナーを貼っていますが、
これを見ても分かるとおり、Yahoo!自身が、Yahoo!カテゴリ登録は、SEO対策に有効、
だと宣言しています。


あとは、細かいタグエラーの修復を行なうと良いと思います。
HTMLのタグエラーについては、
http://hp-renewal.jp/ を参考にしてみてください。

また、このサイトで、
メルマガ読者限定で、無料メール相談の特典がございます。
あわせて、ご利用くださいませ。



サイト名で検索

2009年11月05日 [記事URL]

サイト名で検索しても、1位に来なくて困っています。

現在上位表示されているサイトのソースを見ても、
何が優れてるかも分からないぐらいのサイトなんですが、
なぜか勝つことが出来ません。

あと、今回のメルマガの内容では、
SEOには、CSS+XHTMLが必須とのことですが、
CSS+HTMLと比べて、どれぐらい有利なのでしょうか?

相手はドメインを取得して長いからなのか、
何か優れている点があるのか、はたまた、うちのサイトが劣っておるのか・・・。

何かヒントを頂けると嬉しいです。
よろしくお願いします。

続きを読む

XHTML1.0での記述

> サイト名で検索しても、1位に来なくて困っています。

内部構造も特に最適化されているわけではありませんので、
状況から見て、妥当ではないでしょうか?
Yahoo!からの信頼を勝ち取るためには、まだまだかかりそうです。


> SEOには、CSS+XHTMLが必須とのことですが、
> CSS+HTMLと比べて、どれぐらい有利なのでしょうか?

XHTML は、かなり厳密な書式が要求されます。
また、応用範囲もかなり広くなります。

W3C が、XHTML1.0 を勧告していますので、
今後どんどんXHTML化が進んでいくのは間違いありません。

検索エンジンロボットとしても、
厳密に書かれたXHTMLのほうが、サイト内容を判断しやすくなります。
つまり 検索エンジンロボット好み、ということですね。

XHTMLが完全に標準となってしまう前に、
先に進むことは、この早いWEBの世界では有利になることでしょう。


それでは、頑張ってください!




 1  2 


いせきけんじ公式メルマガ

いせきけんじ公式メルマガの登録はこちらから。
不定期配信中。バックナンバーは基本的に公開していません。
月に一回の無料相談の特典付きです。

ソーシャルメディア
お問い合わせ
お問い合わせ

PageTop