HTML文法チェッカーを使ったHTML文法の修正方法
【ブログだけのアフィリエイトで稼ぐには】のHOME スポンサー広告 > スポンサーサイト> カスタマイズ > HTML文法チェッカーを使ったHTML文法の修正方法

スポンサーサイト 

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


HTML文法チェッカーを使ったHTML文法の修正方法 

前回の記事をご覧になって頂きましたでしょうか?

「なぜ、HTML文法の評価が必要なのか?! 」




コメントを見ていただけると分かるのですけど、
HTML文法の評価を気にされている方が多いです。



それで、HTML文法をどう修正すればよいかですけど、

HTML文法の修正方法は、
前々回も書きましたHTML文法の評価の二通りの方法を使うのです。



ピタゴラスを使う方法

W3C準拠の推奨というHTML文法チェッカーを使う方法



どちらを使っても結果は同じなのですけど、
プロセスが違うだけです。



HTML文法の評価の点数が分かって、
エラーがチェックできても

何処をどうすれば良いのかが分からない時が、
ありますよね。



そんな時に
W3C準拠の推奨というHTML文法チェッカーを使う方法を
使えば良いのです。



簡単な使い方は、こちらの記事をご覧下さい。

「自分のブログのHTML評価を知っていますか?!」





■ 順を追って説明したいと思います。



まずは、分かり切った事かも知れませんけど、
HTML文法チェッカーのサイトを開きます。


   HTML文法チェッカー

   HTML文書の文法をチェックし、採点します



 HTML文法チェッカー
      (↑クリックすると拡大します)

赤丸印を付けました簡易ゲートウェイをクリックしてください。



面倒な作業なしにHTML文法の評価が分かります。



HTML文法の評価の点数が分かっていても、
この手順で遣ってくださいね^^



そのほうが面倒でないので・・・。






 HTML文法チェッカー2
      (↑クリックすると拡大します)



つぎに、URLの入力欄にあなたのブログのURLを入力して、
チェックボタンをクリックしてください!




 HTML評価 その1
      (↑クリックすると拡大します)


このようになったかと思います。

勿論、赤丸はついてないですよ^^






これは、ある方のブログのHTML文法の評価です。
許可を得て画像で使わせてもらいました。



○○さん、
快く許可を頂きまして、
誠にありがとうございました。



私は、とっても嬉しいです!!



これによって、
○○さんのブログが、これからもっと良くなる様に
私も出来うる限りで助言させてもらいますね^^



それにこの記事を
ご覧になっておられる多くの方が、
感謝されると思います!!



ありがとうございました。









それでこの画像を使うに当たり、
伏字の部分がこれから多くなります。



この方のブログのテンプレートのHTMLは、
XHTML1.0 Transitional です。

そして、HTML文法の評価はマイナス200点です。




因みに、あなたは何点でしたか?!









それでは、いよいよ修正の本題に入ります。



まずは、こちらをご覧下さい。

  (ソースの一部を抜粋してますので、これが全部ではないです。)


 HTML評価 その2
      (↑クリックすると拡大します)



これをご覧になって、
どこをどう修正すればよいか分かりますか?



分かりました?



分かった方は、HTML文法をご存知だと思います。



もしかしたら、
参考にならないかもしれませんけど、
気になる方は、続きもご覧になってくださいね^^



それで私が間違っていたら、
指摘して頂ければ、ありがたいです^^






それでは、これを細分化します。


といいますか、
同じようなもので括ります。



そうすると、もの凄く分かりやすくなります。



 HTML評価 その3
      (↑クリックすると拡大します)



ご覧になって頂けると分かるかと思いますけど、
小文字で書くように指定されていますよね^^


ですから、
小文字にすると良いのです。



こうするとよく分かるかと思いますけど、
単純ですよね!!





 HTML評価 その6
      (↑クリックすると拡大します)



赤丸で囲んである line 41 をクリックしてください!!



そうすると、その数字の行に行くのです。

今回の場合は、41行目です!!



HTML評価 その7
      (↑クリックすると拡大します)



勿論、赤丸で囲んでないですよ^^



それで大文字の英字小文字に修正すれば良いのです。



簡単でしょ!!





要は、左側にある line 数字 をクリックすると良いのです。





同様に次をしたいと思います。


 HTML評価 その4
      (↑クリックすると拡大します)




 HTML評価 その5
      (↑クリックすると拡大します)






左側にある line 数字 をクリックすると、

 HTML評価 その8
      (↑クリックすると拡大します)







今回の場合は、この方のちょっとしたミスもあるのです。

 HTML評価 その4
      (↑クリックすると拡大します)





これは、<a harf=" ~ "><img src="○○"></a>とすれば良かったのですけど、

<img src="○○">が、

<img src=○○>となっているのです。



" "】の引用符というのがなかったのです。







そして、同じ部分なのですけど、

 HTML評価 その5
      (↑クリックすると拡大します)





<a harf=" ~ "><img src="○○" alt=" " /></a>とすると良いのです。


<img src="○○" alt=" " /

alt属性でここにキーワードを入れた画像タイトルを入れたら良いのです。


そして【 】半角の空白を入れ、
【 / 】半角のスラッシュを入れて閉じたら良いのです。



たったこれだけです。






しかし、このalt属性を入れる部分は注意してくださいね。



URLを改変してはいけないという規約のものもあるので・・・。



この程度ならやっても良いのかも知れませんけど、
やらない方が無難ですよね^^



特に楽天アフィリは・・・。



これを入れることによって使えなくなっては、
元も子もないので・・・。







そして、つぎはこのような感じのものを修正してください。

これが一番簡単かもしれませんけどね^^


 HTML評価 その9
      (↑クリックすると拡大します)




これも左側にある line 数字 をクリックをクリックしたら良いのです。

 HTML評価 その10
      (↑クリックすると拡大します)







そうすると、その数字の行に行くのです!!


 HTML評価 その11
      (↑クリックすると拡大します)

これも勿論、赤丸で囲ってないですけど、
すぐに分かるかと思います。


<br>このタグです。
brタグは、改行のタグなのです。


XHTML1.0 Transitional では、
brタグの後ろに先程と同じように、

【 】半角の空白を入れ、
【 / 】半角のスラッシュを入れて閉じるようになっているのです。



これもこの方のちょっとしたミスです!!


半角空白、半角スラッシュで閉じるのです。



間違えないで下さいね^^


全角空白、半角空白ではないですよ。



この間違いがよくありますので・・・。





それと私もよくしてしまうのが、
URLをコピペしてリンクを作ることがあります。



その時にURLの後ろに空白が出来ていることがあります。



それも減点の対象になりますよ^^



<a href="http://aforiwork.blog19.fc2.com/">ブログだけの~</a>

こうならないといけないのに、
<a href="http://aforiwork.blog19.fc2.com/半角空白">ブログだけの~</a>


半角空白と書いたところに空白が入っていることです。







以上簡単な部分だけかもしれませんけど、
これだけを修正するだけでも
だいぶ違いますよ^^



まだまだそのほかにもあるかと思いますけど、
今回は簡単な部分を記事に書かさせてもらいました。



あとはHTML文法を段々と覚えてからされた方が良いかと思います。






簡単でしたので、
修正の方法が分かったかと思います。





あとは、あなたが自分のブログで実践するだけです。



当然、最初は誰でも分からないかと思いますし、
間違ったらいけないと思っていると思います。



ですので、まずは、テンプレートのコピーをとっておいて下さいね。



それなら、失敗しても大丈夫ですので・・・。



云い忘れてました、
今回のHTML文法の評価は、テンプレートだけでなく、
サイドバーなども関係がありますので、
よくHTML文法の評価のソースを見てくださいね^^




素直に実践されるかどうかは、あなた次第です!!






   HTML文法チェッカー

   HTML文書の文法をチェックし、採点します








もし分からなければ、
私にでも質問してください!!



分かる範囲でお答えさせてもらいます。


あなたが本当にアフィリエイトで稼ぎたいのであれば、遠慮なく私に質問して下さいね








今回はこれにて・・・。







次回は、「短縮URLを使う本当の意味?!」について
書きたいと思います。




メルマガ購読・解除
読者購読規約
 

コメント

いつもお世話になってます。
サスケです。

やる事は丁寧に説明されていて簡単そうなんですけど、
どうしても難しそうなイメージが拭い去れないです。
もっと頑張らなきゃ、です。

昨日の記事にいただきましたコメントのお返事記事を書きました。

応援ぽちです。

  • [2009/01/13 21:46]
  • URL |
  • ヤフオクで稼いだ金額公開@サスケ
  • [ 編集 ]
  • TOP ▲

こんばんは♪

ぶーちゃんです、こんばんは♪
いつもご訪問・コメントありがとうごさいます!!

HTMLは気にしたことなかったですね~。何点なのか調べてみないとダメですね。。。


ぽちっ。

  • [2009/01/13 21:54]
  • URL |
  • 音声対談聞いてみます?@ぶーちゃん
  • [ 編集 ]
  • TOP ▲

今日は応援だけして帰りますね

1・2・3・ポチっとだぁ~

こんばんはです^^

こんばんは~。
幸せ満タンアフィリエイト塾のカノンです!

おぉ~、これだけ具体的に
教えてくれるといいですね。

早速やってみますね^^


では応援していきます☆

こんばんは♪

いつも応援ありがとうございます。

すごいです!
とても分かり易くって♪
早速そのチョッカー使ってみます。
本当に丁寧な説明に釘付けになりました。

頑張って良い点数にしたいと思います。

タメになる記事ありがとうございます。
本読んだだけでは初心者には分からないですもん。
かなり勉強になりましたよぉ~

応援ポチッと☆

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

こんばんは。

いつもコメントありがとうございます。

今日は長編ですね。

文法を分かってほしい、関心を持ってほしいという気持ちが伝わってきました。

では今日も応援させていただきます。

  • [2009/01/14 01:36]
  • URL |
  • 土佐和喜 初心者でもネットで稼げる!アフィリエイト講座
  • [ 編集 ]
  • TOP ▲

こんばんわ
 
文法大変ですよね
一つ思うのは
YOUTUBEはっても減点にしないでほしいこと
グーグルのコンテンツなので
検索エンジンに悪いはずがありません
検索エンジンはグーグルのみじゃないのですが
減るとわかってると貼りたくないですね・・・

  • [2009/01/14 02:55]
  • URL |
  • 加藤孝@SEOSEMアフィリエイター
  • [ 編集 ]
  • TOP ▲

こんばんわ!ahoworkさん!

アフィリ息子です。

コメントありがとうございます!

サイドバーも関係あるなんて

知らなかったです^^:

ブログ応援させていただきます!

ブログ応援ポチッとオン!!!

  • [2009/01/14 03:01]
  • URL |
  • アフィリ息子の使えるアフィリエイト講座@アフィリ息子
  • [ 編集 ]
  • TOP ▲

こんばんわ、いつもお世話になってます^^

HTMLって最初いじるのに勇気いりますよね。
(変は風にならないかな?って言う心配)
私だけですかね?笑
慣れれば何の心配もいりませんが^^

では応援!

  • [2009/01/14 03:25]
  • URL |
  • ブログアフィリエイト初心者でも稼ぐ方法byキー
  • [ 編集 ]
  • TOP ▲

こんばんわ、Sappです。

いつもご訪問&応援に感謝です。

今日も無茶苦茶勉強させていただきました。「空白」でも減点なんですね!

はじめの頃はあの英語の小さい
文字を見ただけで???でした。

<br>が改行とわかるまで2週間
かかりました。

近頃少し分かった気になってましたが
今日の記事を読ませていただいて
「知らないこと、多すぎ!」と
悟りました。

ありがとうございます。☆応援!

ahoworkさん、
こんにちは!
美音(みね)です。

line数字をクリックすると飛ぶんですね。
知らなかったです^^
直すこと、たくさんありそうです^^

応援します、ポチ♪

  • [2009/01/14 10:43]
  • URL |
  • 美音(みね)ブログアフィリ
  • [ 編集 ]
  • TOP ▲

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

ahoworkさん、
こんにちは、papa渡邉です。
いつもご訪問頂きありがとうございます。

画像を多用した
詳細な説明なので
分かりやすくて参考になりました。

記事中に紹介されている部分だけ
修正するだけでも
かなり違いそうですね。
では、
応援して帰ります。

  • [2009/01/14 13:20]
  • URL |
  • ゼロからのレース活動、ゼロからのアフィリエイト
  • [ 編集 ]
  • TOP ▲

再登場♪

こんばんは。

早速、記事参考に挑戦してみました。
だいぶマイナスが減りましたよぉ~

それでも、まだ-94点だけど(汗)
私にはこれが限界みたいです。
あとは何をどうして良いのかさっぱりで・・・(笑)

でもHTML文法チェッカーは非常に良いです!

応援ポチッと☆

ahoworkさん
こんばんわ。ひで蔵です。

コメントと応援ありがとうございます。

詳しい説明で、勉強になります。
個別ページを調べだすと
大変になってしまいました(>_<)

またお伺いします。
熱烈に応援です!

  • [2009/01/16 22:25]
  • URL |
  • ひで蔵☆稼ぐパワーブログ
  • [ 編集 ]
  • TOP ▲
【ブログだけのアフィリエイトで稼ぐには】のHOME スポンサー広告 > スポンサーサイト> カスタマイズ > HTML文法チェッカーを使ったHTML文法の修正方法

コメントの投稿















管理者にだけ表示を許可する

応援、誠にありがとうございます!!
人気ブログランキング  ブログセンター


※ コメントをブログやメルマガなどで紹介させて頂く事がございます!!
  その時はご了承の程、よろしくお願い致します。    

トラックバック

この記事のトラックバックURL
http://aforiwork.blog19.fc2.com/tb.php/539-f565527f

アクセスありがとうございます!!




プロフィール[ 免責事項 ]「ありがとう」着うたファンCatch the Affiliate についてリンクについて相互リンク集サイトマップ