コーディングチェック方法とは？
- HTML・CSSなどのコーディングチェックについて不安がある方へ。コーディングのチェック方法についてアドバイスします。
- W3Cのチェックサイトや複数のブラウザでのチェックなど、コーディングの正確性やブラウザ互換性を確認しましょう。
- さらに、SEO的にマイナス要素になる可能性があるタグの使用チェックも重要です。プロにチェック依頼することも考えましょう。
- ベストアンサー
HTML・CSSなどのコーディングチェックについて
現在制作した、またはしているサイトのコーディングのチェックなんですが、不安が拭いきれません。 サイト制作初心者で申し訳ないのですが、お詳しい方々、是非コーディングチェックの方法についてアドバイスをください。 サイトはレスポンシブwebデザインで制作しました。 チェックした方法は・・・ (1)全HTMLと全CSSのコードを下記のW3Cのチェックサイトでチェック ttp://validator.w3.org/ ttp://jigsaw.w3.org/css-validator/ これは一切問題なくクリアできました。 (2)ie７～９、Chrome、Angel、Dolphin、Safariでのブラウザチェック 上記のブラウザではさしたるズレも差異もなくクリアできました。 厳密にはごくごくわずかなのはありましたが、デザイン上も表記上もそうとう詳細な比較チェックをしないと気が付かない程度の、気にするほどでもない微々たるものでしたのでクリアとしました。 (3)PC、タブレット（Nexus7及びiPad）、スマホ（Android及びiPhone）の各端末チェック これも同じく問題ありませんでした。 (4)SEO的にマイナス要素になる可能性がありそうなタグの使用チェック その界隈で超有名なSEO関連ブログを複数（海外SEO情報ブログ様やパシのSEOブログ様やその他複数）拝見させて頂き、それに記載のあるタグ類を指標とし、Google様のパンダ・ペンギンアップデート後にマイナス要素になる可能性がありそうなタグや無意味になってしまったタグ類を、片っ端からピックアップしてそれらが使用されていないかチェックしました。 それ以外にもあきらかにブラックな方法やちょっとでも怪しいタグは全部。 これらも一切使用しておらず、とりあえず最低限の問題はありませんでした。 以上、計４つのチェックは行いました。 とりあえずみてくれの体裁は整ったのですが、ものすごく！すっごく不安です！ 上記以外に、何かチェックした方が良い項目や方法などありますでしょうか？ ここはやはり、プロにコーディングチェックの依頼をしたりするべきなのでしょうか？ 是非、ご教授ください。 よろしくお願いします。
- ykgad1
- お礼率97% (36/37)
- HTML
- 回答数3
- ありがとう数3
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
横やりを指すようですが、それくらいで十分じゃないですかね・・・ 何が目的化にもよりますが それよりもその後の集客を考えたらいかがでしょう。 HTML LINTやCSSで１００点を取ってもSEOの順位には関係ありませんし・・。 コーディングの美しさよりも、LPO（キャッチコピーやレイアウト）のほうが売上を左右します。
その他の回答 (2)
- too_bad
- ベストアンサー率53% (70/130)
いっそUPしてGoogleウェブマスターツールを使われてはいかがでしょうか？ クロールするまでのタイムラグはありますが・・・ http://www.google.com/webmasters/tools/
お礼
ご回答ありがとうございます。 ＞いっそUPしてGoogleウェブマスターツールを ＞使われてはいかがでしょうか？ なるほど！！！ 確かにそれが一番手っ取り早いですね(笑) 正直私も、やれる準備は全部やった上であれば、とりあえずあとは実際やってみるというそのご意見に大いに賛成派なんですが、Webサイトについては素人で、やれる準備すらできているのかどうかもわかっておりません・・・。 しかも、様々な事情から、ちゃんとできているかどうかもわからないふわふわ感がある状態では、お試し的な安易なアップができないので、アップ前に確認できることは可能な限りチェックしておきたいのです。 そのため、相談させて頂きました。 ここはやはり、とりあえずアップして、Googleウェブマスターツールをのチェックをみるのが一番なんでしょうか？
- yambejp
- ベストアンサー率51% (3827/7415)
お礼
ご回答ありがとうございます。 ご提示頂いたURL先でチェックしたら、HTML５のコードなためチェックツールそのものが対応していないようでした。 そこで、Another HTML-lint gatewayのHTML５用はないか探してみたらありましたので、そこで再度チェックしてみました。 ttp://www.htmllint.net/ 問題なくクリアできました。 ご教授頂き、誠にありがとうございます！ 他には何かチェックしたほうが良いことなどはありますでしょうか？
関連するQ&A
- HTMLの文法チェックの次に行うこと
私が作成したWebサイトは50ページくらいあります。 そこで。次のサイトでHTMLの文法チェックを行った結果、全て95点以上でした。 http://cetus.sakura.ne.jp/htmllint/htmllint.html 一応、満足しているのですが、100点を目指した方が、なにかと良いのでしょうか？ あと、次のサイトのようにCSSの文法チェックもありますが、これはまだ未対応です。 http://jigsaw.w3.org/css-validator/#validate_by_input CSSの文法チェックも行ったほうが、SEOなどの観点から良いのでしょうか？ そこで文法チェックの次の段階として、SEOとしては、どのような対策を行えば良いのでしょうか？ 自然な外部リンク、独自のコンテンツなどありますが、それ以外に何かありましたら、教えて下さい。
- ベストアンサー
- CSS
- CSS Validatorでfilterをエラーにさせないためには
サイトのスタイルシートでfilterを指定しています。 これをW3CのCSS Validator（http://jigsaw.w3.org/css-validator/）でチェックすると、filterの部分がエラーとなってしまいます。 filterの指定は filter: DropShadow(color=gray,offX=1,offY=1); としており、エラーは Parse Error - color=gray,offX=1,offY=1) と表示されます。 これをエラーが出ないように指定するには、どのようにしたらよいのでしょうか。
- 締切済み
- CSS
- HTML、CSSについて
アメーバブログをやっています。 ＣＳＳの使用の仕方を覚えたくて、 いろいろやり方を調べてるんですけど、 教えてgooで検索すると、 「まずHTMLタグから覚えるとよいでしょう。」 と、回答者さんがよく答えています。 CSS＝ブログのデザインなどを細かいところまで自己流に改造する。 だと思うんですけど、 HTML＝？？？？？ HTML、HTMLタグとはなんなんですか？？ そして、読みかたは？？ 「エイチティーエムエル」ですか？ HTMLとは何をするもので、 どういうものですか？？ HTMLの例か、 HTMLの仕方（？） が詳しく載っているサイトを教えてください。 あと、CSSは 変えたいところ 英語でヘッダーと書いてあるところのあとに、 画像のURLを入力するだけでいいんですか？？ 詳しく教えて下さい。 お願いします
- ベストアンサー
- ブログ
- HTMLからXHTML+CSSへのコーディング順序について。
HTMLからXHTML+CSSへのコーディング順序について。 現在HTML4.01のサイトを持っているのですが、 これをXHTML+CSSにする場合の順序は下記順序でOKでしょうか？ 1.HTML→XHTML変換。これはツールとか使ってなんとか出来そうです。 2.文法チェックツールで細かい修正 3.tableの表やfont装飾などのCSS化。最初は内部に記述して外部に出来るものは外部化？ 文法チェックツール http://openlab.ring.gr.jp/k16/htmllint/index.html HTML→XHTML変換ツール http://homepage2.nifty.com/magicant/sjavascript/html2xhtml.html
- 締切済み
- ホームページ作成ソフト
- HTMLの文法チェックをするとCSS関連でエラーが出て困っています。
http://validator.w3.org/ http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html でHTMLの文法チェックをすると， <body><style TYPE="text/css"><!-- という行があるとエラーが出ます。 実際のHTMLは外部スタイルシートを使っているのですが <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="content-style-type" content="text/css"> <title>タイトル</title> <meta name="Keywords" content="キーワード "> <meta name="Description" content="内容説明"> <link rel="stylesheet" href="./css.css" type="text/css"> </head> <body> <div id="page"> 以下略 であり，<body>タグの後ろは<div>タグなのですが，何故かそう認識されます。 スタイルシートの指定がおかしいのかと考えたのですが， いくら検索しても<head></head>間に <link rel="stylesheet" href="./css.css" type="text/css"> を入れるとしか書いてなく理由がわかりません。 ちなみにcss.cssの内容は *{} というような内容の羅列のみで，その他の情報は一切入れていません。 どこがおかしい点なのかわからず悩んでおります。 理由のわかる方いましたら是非ご教授願います。
- ベストアンサー
- HTML
- HTML CSSなどの説明サイト
Bloggerでブログをかいているのですが、HTMLやCSSも編集したいと思っています。 そこで、私のような初心者がHTMLやCSSのタグを読んだり、書いたりするために便利な関連サイトなどありますでしょうか？
- 締切済み
- ブログ
- HTMLメールのコーディング技術について
メールマガジン発行のための、HTMLメールコーディング技術を知りたいと思っています。 CSSレイアウトは使用しない、色々なメーラーに対応できるコーディング方法、などのノウハウが学べる「書籍」「セミナー」「サイト」、何でもいいので、ご存知でしたら、教えていただけないでしょうか？ 検索してみても中々見つからず、困っております。 どうぞよろしくお願いします！
- 締切済み
- HTML
- 自分のコーディングを判定してくれるサイト
いつもお世話になっています。 現在WEBデザイナーをしているのですが、今後の転職活動に役立てようとサンプルサイトを新規で制作しています。 そこで、より正しく、美しいコーディングをしようと思っているのですが、 『LINT』などのようにHTMLやCSSを判定してくれるようなサイトはどこがありますか？ 海外のサイトでよくW3Cのバナーを張っているのはちょくちょく見かけるのですが・・・
- ベストアンサー
- HTML
お礼
ご回答ありがとうございます。 ＞それくらいで十分じゃないですかね・・・ そうなんですね。これくらいで十分なんですか！ ありがとうございます。 ＞HTML LINTやCSSで１００点を取っても ＞SEOの順位には関係ありませんし・・。 ごもっともだと、素人ながら思いました。 ありがとうございます。 ＞コーディングの美しさよりも、 ＞LPO（キャッチコピーやレイアウト）のほうが売上を左右します。 売上ならばそうかもしれませんね。 いかんせん独学素人なので、これで良いか全くわからず質問してしまいました。 大変参考になりました、ありがとうございます。