ポイントサイト・ニュース
ポイントサイトの評判・稼ぎ方・遊び方・攻略法をニュース形式で詳しく解説。主婦・サラリーマン・中学生・高校生でも月収1万円以上のお小遣い稼ぎ・副収入は容易に実現できます!!

HTML5に完全対応 〜ポイントサイトの対応状況〜

本サイトの全コンテンツのHTML5化が完了しました。HTML5にしたからといってSEO的に何か良いことがあるかというと、必ずしもそういう訳ではないのですが、AMP対応に向けた取り組みの最初の一歩ということでHTML5対応しました。

AMPはAccelerated Mobile Pagesの略で、GoogleやTwitterが推進している、モバイル向けウェブページの読み込み速度が爆発的に速くなる技術の事です。このAMPのHTML記述ルールはHTML5をベースにしており、将来のAMP対応を見据えて、まずはHTML5化しておこうというのが今回の作業の主旨です。

ロゴHTML5化にあたっては、HTML5の新規機能ではなく、廃止された機能を取り除くのに非常に苦労しました。例えば、<img>タグのalign属性。右上のロゴのように表示させる際に「align=right」を多用していましたが、これが廃止されてしまいました。

同じ事をHTML5で実現するには、全てをCSSに書き出します。例えば、「align=right」であれば、

.AlignRight {
float: right;
margin-left: 0.2em;
}

などのようにCSSファイルに記述し、<img class=AlignRight>としてあげれば、画像が右上に表示されるようになります。

ほぼ全ての<img>タグにはborder=0属性を付けていました。これは画像にハイパーリンクを設定した際に青い枠が付かないようにするために指定していたものですが、これもHTML5では廃止になっており、CSS上で記述しなければなりません。「img{border: none;}」とします。0ではなくnoneとするのが正解のようです。

次に嵌ったのが<table border=0 cellspacing=0 cellpadding=0>のようにセル間スペースを最小化したテーブルです。使用していた<table>タグのほぼ全てでこの属性をしていたため、修正量が膨大になりました。繰り返しになりますがHTML5ではこうした「見た目」を指定する属性値は軒並み廃止となり、全てCSSファイル上で指定しなければなりません。

talbe {
border-collapse: seperate;
border-spacing: 0;
}

といった具合です。

HTML5構文チェックツール

正しくHTML5が書かれているかどうかをチェック・診断してくれるツールがあります。

最初はゼロ点飛び越えてマイナスの点数を出していましたが、今では80点以上が取れるようになりました。みなさんもHTML5化する際は上記ウェブサイトでチェックすることをオススメします。ちなみにこのツール、HTML4.01等HTML5以外でも利用することができます。

各ポイントサイトのHTML5対応状況

各ポイントサイトにおいて、HTML5に対応しているかどうかを調査してみました。調査対象としてはPC版のサイトとモバイル版のサイトの両方を調べていますが、Another HTML-lintの点数はPC版のサイトのものになります。

  • げん玉
    MOBILE SITE
    HTML5
    GOOD
    PC SITE
    HTML5
    GOOD
    Another HTML-lint SCORE
    -192/100
    POOR
  • ハピタス
    MOBILE SITE
    HTML5
    GOOD
    PC SITE
    HTML5
    GOOD
    Another HTML-lint SCORE
    30/100
    FAIR
  • PONEY
    MOBILE SITE
    HTML5
    GOOD
    PC SITE
    XHTML1.0
    POOR
    Another HTML-lint SCORE
    -17350/100
    POOR
  • ポイントタウン
    MOBILE SITE
    HTML5
    GOOD
    PC SITE
    HTML5
    GOOD
    Another HTML-lint SCORE
    -23/100
    POOR
  • GetMoney!
    MOBILE SITE
    HTML4.01
    FAIR
    PC SITE
    XHTML1.0
    POOR
    Another HTML-lint SCORE
    -190/100
    POOR
  • モッピー
    MOBILE SITE
    HTML5
    GOOD
    PC SITE
    HTML5
    GOOD
    Another HTML-lint SCORE
    -13/100
    POOR
  • ちょびリッチ
    MOBILE SITE
    HTML5
    GOOD
    PC SITE
    HTML5
    GOOD
    Another HTML-lint SCORE
    -76/100
    POOR
  • ポイントインカム
    MOBILE SITE
    HTML5
    GOOD
    PC SITE
    HTML5
    GOOD
    Another HTML-lint SCORE
    -139/100
    POOR
  • i2iポイント
    MOBILE SITE
    HTML5
    GOOD
    PC SITE
    HTML5
    GOOD
    Another HTML-lint SCORE
    18/100
    FAIR
  • Gポイント
    MOBILE SITE
    HTML5
    GOOD
    PC SITE
    HTML4.01
    FAIR
    Another HTML-lint SCORE
    -842/100
    POOR
  • ECナビ
    MOBILE SITE
    HTML5
    GOOD
    PC SITE
    XHTML1.0
    POOR
    Another HTML-lint SCORE
    -58/100
    POOR

どこのポイントサイトも点数低いですね。ハピタスとi2iポイントがかろうじて及第点取れてますが、軒並みマイナスポイント、PONEYに至ってはマイナス1万点を超えてます。もう根本からして何かが間違っているとしか言いようがありません。あまりえらい事言える立場ではありませんが、品質部門の早急なる強化をオススメします。

モバイルサイトはGetMoney!を除いた他のポイントサイト全てでHTML5化されていました。一方で、PC版サイトのHTML5化率は50%強にとどまっています。PC版サイトのHTML5対応はまだまだこれからといったところでしょうか。

本サイトのHTML5化作業を通して、想像だにしなかったようなバグが多数表面化しました。今後進んでいくであろう各ポントサイトのHTML5化の際には、いろいろとバグってしまう時があることでしょう。そんな時はこっそりと担当部門に連絡してあげると喜んでくれると思います。

PointSiteNews.com
作成日 2016年11月26日 22時15分
更新日 2016年11月26日 22時19分
2776文字
このエントリーをはてなブックマークに追加
ポイントサイト・ランキング
 1位 モッピー 
モッピーの評判・稼ぎ方・遊び方・攻略法利用者500万人を誇るポイントサイトの定番中の定番。換金額に上限が無く、何人ものポイント長者を今も産み出し続ける!!
評価5.0 評価: 4.95
 2位 げん玉 
げん玉の評判・稼ぎ方・遊び方・攻略法2005年から続く老舗ポイントサイトで会員数は440万人。運営会社の(株)リアルワールドは、安心の東証マザーズ上場企業。保有ポイントに利息がつくサービスも開始!!
評価5.0 評価: 4.85
 3位 PONEY 
PONEYの評判・稼ぎ方・遊び方・攻略法高還元率かつドットマネーへポイント交換できるサイトのひとつとして、ここ最近になって人気を集める。特に陸マイラー界では頭角を現しつつあり、3ティアの紹介制度も手伝って、ハピタスの座をおびやかす存在に。意外とその歴史は古く、旧称はぶたちょき。今なら登録で5,000ポイントプレゼント実施中!!
評価5.0 評価: 4.75
 4位 モバトク 
モバトク大手GMOが運営する利用者200万人の安心のポイントサイト。その洗練されたウェブサイトには、アンケートや各種ゲームの他に、モニタ・覆面調査もある。
評価4.5 評価: 4.72
 5位 ハピタス 
ハピタスの評判・稼ぎ方・遊び方・攻略法陸マイラーに絶大な人気を誇るサイト。クレジットカード発行やFX口座開設などの一撃1万円超の高額案件はハピタスの「みんなdeポイント」を狙え!!
評価4.5 評価: 4.58
 6位 ポイントタウン 
ポイントタウン大手GMOが運営する利用者200万人の安心のポイントサイト。その洗練されたウェブサイトには、アンケートや各種ゲームの他に、モニタ・覆面調査もある。
評価4.5 評価: 4.48
 7位 GetMoney! 
GetMoney!2001年サービス開始の最古参ポイントサイト。懸賞サイトとして有名なチャンスイットと同じ運営会社インフォニア(株)が運営。
評価4.5 評価: 4.45
 8位 ちょびリッチ 
ちょびリッチの評判・稼ぎ方・遊び方・攻略法ここ1、2年で急激に会員数をのばしている今注目のサイト。ショッピング、アンケート、モニター調査とポイントサイトのあらゆるコンテンツを提供。ドットマネーへの換金もスタートして利便性がさらに向上。注目すべきは楽天市場オープンAPIを駆使した楽天市場の商品ページ。今なら登録で500ポイントプレゼント実施中!!
評価4.5 評価: 4.28
 9位 ポイントインカム 
ポイントインカムショピングから覆面調査までポイントサイトの基本コンテンツをオールラウンドに提供しつつ、クレジットカード案件に強みを持つ会員数200万人のポイントサイト。
評価4.0 評価: 4.15
 10位 i2iポイント 
i2iポイントの評判・稼ぎ方・遊び方・攻略法「他サイトよりも1ポイントでも低ければご報告下さい」とどこぞの電機量販店のようなサービスベストポイント制度を開始。2014年にサービスインした今一番新しいポイントサイト!! グループでポイントを競い合うグループ機能が面白い!!
評価3.5 評価: 3.55
 11位 Gポイント 
Gポイントポイント交換サイトとして有名。しかしながら、ポイントサイトとしての機能も充実しており、ゲーム・アンケート・モニタ案件も豊富。
評価3.0 評価: 2.95
 12位 ECナビ 
ECナビポイント交換サイトPeXと同じ運営元のポイントサイト。会員数はその知名度とは裏腹になんと500万人超とポイントサイト業界最大級。
評価3.0 評価: 2.85