レスポンシブテンプレート - ネットワーク

レスポンシブテンプレート

まりも

突然ですが、ブログのテンプレートを変えてみました。

急に思い立った訳ではなく、やらねばならぬ事態であることが発覚したのです。

それに気づかせてくれたのはこの記事

「FC2アフィリエイターさんの殆どの人が実際アクセスの半分の成果を無駄にしているようです!」

私はアフィリエイトをしていませんし、関係ないよな〜と思いつつ
読み進めていくと、当てはまることがあるじゃないですか!?
やばいよ、やばいよ!
SEO対策の見直しどころじゃないわ!(←元々調べていたこと)

さて、私のブログ、何がいけなかったかというと

① PC用テンプレートにはアクセスカウンターを設置してあるのに、スマホ用テンプレートには設置を忘れてる
② PC用テンプレートにはアクセス解析を設置してあるのに、スマホ用テンプレートには設置を忘れている

私が利用しているFC2ブログにはテンプレートの種類が2つあり
PC用とスマホ用のテンプレートは違うものなのです。
そして私がSEO対策やアクセスカウンターの設置などの作業をしているのはPC用テンプレート。
まさに上記そのものが私だったのです・・・。

今回の件でブログに設置しているアクセスカウンターはPCからの訪問者の数で
スマホ、タブレットからの訪問者はカウントされていなかったことが発覚(;д;)

そしてアクセス解析も同じ・・・ですね(ちーん)

ありがとう、この記事の筆者さん!

とりあえず、勧めてもらったレスポンシブテンプレートを使用することに!
このテンプレートはPC版テンプレート自体が小さなスマホ画面でも適正に表示出来る構造となっているものなんです。

つまりスマホ用テンプレートが必要ないのです。
ということは、今まで通りPC用テンプレートの管理だけしていたらよいのですよ。
今の時代は「HTML5+CSS3」の時代なんですってよ〜
3年前の職業訓練(WEBデザイン科)で話を聞いた気がするけれど
実際、問題に直面した時にやっと理解できるんだよね。


これでスマホ版ページの嫌われ者、動く広告(オーバーレイ)ともおさらばです!
実は数時間前に消す方法を見つけて作業を終えてたんだけどな〜(^^;;

長らくご不便をおかけいたしましたm(_)m


<追伸>
レスポンシブテンプレートでもオーバーレイが出現しました。。。
そしてオーバーレイの広告タグを外そうにも<%ad_overlay>が見つからないぞー
間違って違う場所のoverlayタグを削除して夜更かし続行確定だぁ
関連記事

Comments 9

There are no comments yet.
ぼっちん  
はじめまして ^^

まりもさん、おはようございます はじめまして ^^

弊ブログ記事を参考にしてくださってありがとうございます (^_^)ニコニコ 
そして記事リンクまで張ってくださって、重ねてありがとうございます(笑)

そうなんですよ~ アフィリエイターさんだけでなくて「PC用テンプレート」+「スマホ用テンプレート」でブログ運営されてる殆どの人たちがそういうミスをおかしてるんです (^_^; アハハ…
ですから、そういうことをもっと大々的に告知(笑)しようと思っているところでして「どうやってもっと一気に知らしめるか」を構想中なんですが、なかなか構想がまとまらずに苦慮している最中でして (^^ゞポリポリ

今後の執筆の励みになる記事を書いてくださって、ほんとにありがとうございます ^^

2017/08/22 (Tue) 08:51 | EDIT | REPLY |   
まりも  

ぼっちんさん、はじめまして

この度はFC2ブログのテンプレート問題からレスポンシブまで
多くのことを学ばせていただきありがとうございました。
ページ作りが落ち着いた頃に、御礼のコメントを残そうと考えていたのですが
先にぼっちんさんからコメントをいただけるとは思ってもいなくて感激しています。
そして断りを入れずにリンクを貼ってしまい申し訳ございません。
おそらくぼっちんさんが大々的に告知しようと思う気持ちと同じように
今回の件は、よくよく考えたら当然のことなのに気づいてなかったことに衝撃が走り
一気に記事にしてしまいました。
アフィリエイターさんにとっては死活問題であり、ブロガーさんにとっても大きな落とし穴
これからもぼっちんさんのご活躍を期待して応援させていただきますね。


2017/08/22 (Tue) 10:19 | EDIT | REPLY |   
ぼっちん  
勇気づけられて(笑)

またまたお邪魔致します(笑)

まりもさんのこの記事に勇気づけられて(笑)やっと第二弾記事
『 FC2ブロガーさん、あなたのブログのカウンター値は大幅に損失しておりませんか? 』
を書きましたよ~(笑)
以前の記事よりももっと強く「レスポンシブテンプレートを勧める」記事も(笑)
お時間のあるときに覗いてみて下さいね~。

今日午後に入ってから全国的規模でネット障害が発生している様子で、FC2ブログもJavaScriptを使ったランキングやら広告やアクセス解析関連のサーバーにも影響が出ていて、ブログ全体の表示にずいぶん時間が掛かって居る様子ですが、やがて解消されるでしょう ^^

2017/08/25 (Fri) 16:07 | EDIT | REPLY |   
まりも  
Re: 勇気づけられて(笑)

ぼっちんさん、こんばんは

記事を読ませていただきました。
ぼっちんさんのブログはやさしい言葉で語りかけるような文章で綴られていて
素直にすぅーっと頭の中に入っていきますね。
きっとこの記事で多くの人が気づき助けられることでしょう。
そしてぼっちんさんのブログを読んでブログカードを知りました。
はてなブログでよく目にするあれは、ブログカードというものだったんですね。
近いうちにぼっちんさん作のブログカードを使わせていただいてよろしいでしょうか。
またわからないことがあれば教えていただきたいです。
今後ともよろしくお願いいたします。

ところで本日の通信障害、私の仕事(ECサイト管理)には支障なくてほっとしました。

2017/08/25 (Fri) 22:14 | EDIT | REPLY |   
ぼっちん  
おはようございます ^^

> ぼっちんさんのブログはやさしい言葉で語りかけるような文章で綴られていて

(〃^▽^〃)oあはははっ♪
それ、私の人間性と言うか、お堅い文章が書けない人間だからどうしても口語調(笑)な雰囲気になってしまうんです (^^ゞポリポリ
でも、まりもさんのように言ってくださる人たちも居るもんですから、それに気をよくして(爆)

> 近いうちにぼっちんさん作のブログカードを使わせていただいてよろしいでしょうか。

もちろんです ポッ (*^。^*)
私の自己流CCSで装飾したembedlyブログカードデザインを気に入ってくださったら、ご自由にコピペしてお使い下さいね~。
まりもさんがもしCSSをお解りになるんでしたら、独自にデザインなさってみて下さい。
「はてなブログカード」の場合には背景色は「白」にシステム的に設定されてしまってるものですから、その当たりは自由にはならないんですけど「embedlyブログカード」の場合には背景色は「透明」設定になってるものですから、自由にCSSで装飾出来るから楽しいんです ^^
たぶんですけど、背景色でなくて「背景画像」にすることも出来るんじゃないかと思いますが、私はまだ試したことがないんですけどね(笑)
というか、まだそういう装飾ってどなたもやってないようで、ネット上で見たことがないんです (^^ゞポリポリ

> ところで本日の通信障害、私の仕事(ECサイト管理)には支障なくてほっとしました。

それは幸いでしたね~ うんうん(^-^)
でも素敵なお仕事なさってるんですね~♪
私もネット仕事してる身でしてヒヤヒヤしてたんですけど、何事もなく終わって(^。^;)ホッとしてました(笑)

2017/08/26 (Sat) 08:17 | EDIT | REPLY |   
まりも  
Re: おはようございます ^^

ぼっちんさん、おはようございます

ブログカードの件、ありがとうございますm(_)m
早速ブログカードを貼付けてみたのですが、MacBookAir13インチの画面を
ほぼ占領するぐらいの大きさになってしまいました。。。
まだまだ調べる余地がありそうですね。
取り急ぎ報告までm(_)m

2017/08/26 (Sat) 11:47 | EDIT | REPLY |   
ぼっちん  
おやおや (^_^; アハハ…

変ですねぇ。
ブログカードの横サイズは max-width:630px と設定してあるんですが (^^ゞポリポリ
CSSを改変しないで、とりあえずは丸ごとコピペで試してみて下さいね~ (^_^; アハハ…

2017/08/26 (Sat) 12:49 | EDIT | REPLY |   
まりも  
解決しました!

ぼっちんさん、原因がわかりました!

ヒントはぼっちんさんのブログにありました。(しっかり読めてなくてごめんなさい)

>上は、最初にコード取得したままのブログカードを表示させたもので、なんともアイキャッチ画像がでっかく文字列も多すぎて使用スペースがムダに広すぎる(爆)

まさに問題点がこれでした!

>ブログカードを貼る目的はリンク先への誘導なんですから、過度にスペースを使いすぎって感じです(笑)
下のはアイキャッチ画像を小さくしたり、抜粋記事内容ももっと短く編集(ワンタッチで簡単)して貼り付けたものです。

私ったらEmbedly内での編集をすっ飛ばしてコピペしてたんです。
ということでお騒がせいたしましたm(_)m

ではでは、仕事に戻ります(内緒)

2017/08/26 (Sat) 16:03 | EDIT | REPLY |   
ぼっちん  
なるほどぉ(笑)

そう言うことでしたか♪
私も(^。^;)ホッとしました(笑)

2017/08/26 (Sat) 16:38 | EDIT | REPLY |   

Leave a reply