こんにちは、小林です。
みなさんももうご存知かと思いますが、今年の4月21日より
Googleが「モバイル フレンドリー アップデート」を開始しました。
これは、ホームページがスマートフォンや携帯電話などのモバイル端末に対応できているかということで、
評価基準として、
・拡大しなくても読みやすいテキストサイズ
・横スクロールすることがない、コンテンツサイズ
・リンクやボタンが押しやすくなっている
・Flashを使用していない
といった点が挙げられます。
ちなみに、i-cueはマルチデバイス対応になっているので、上記に挙げた内容はクリアしています!!
アップデートした背景には、やはりスマートフォンの普及率ですよね。
さらに、スマートフォンを所有しているユーザーが検索している場所は、自宅や職場といったパソコンが近くにある可能性が高い場所でモバイル検索が行われているという興味深い統計もあるようです。
私たちは、月初にみなさんのホームページ分析を行っていますが、
調べてみると、平均4割くらいの方がモバイルからのアクセスになっています。
多いところでは、7割近くがモバイルユーザーだというサイトもございます。
面白いことに、モバイルユーザーが多いサイトは、アクセス数も非常に多いという結果が出ています。
これからは、モバイルユーザーに優しいホームページ作りが必要になってくるかもしれませんね。
ということで、今回は、記事の中の電話番号をクリックすると、そのまま電話が掛けられる方法をご紹介します。
まず、下記の緑で線を引いた箇所をコピーしてください。
*//<a href=”tel:0353022605″>03-5302-2605</a>*//
次に、投稿の編集ページを開き、テキストモードに切り替えてください。
コピーした文字列を貼り付けて、ビジュアルモードに戻したら、完成です。
後は、ビジュアルモードで、いつも通り記事を編集してください。
ポイントは、記事を書く前に貼り付けることです!
記事を書いてしまった後だと、テキストモードに変えた時、ソースコードが出てきてしまい、
どこに貼り付けていいか分からなくなってしまう可能性があるからです。
簡単にできる方法は、記事を書く前にテキストモードに貼り付けることです。
完成形はこんな感じです↓↓
これで、モバイル検索して、すぐ電話ができる便利な機能になりました。
是非、モバイルに優しいコンテンツ作りを試してみてください。
そうそう、方法が分かりずらいようでしたら、
いつでも上記の電話番号からお問い合わせくださいね(^^;
追記:
読み返してみたら、分かりづらい部分があったので、補足します!
上記のコピーしてもらった部分ですが、貼り付けた後、修正する必要があります。
そのままだと、皆さんの電話番号と違う番号が掲載されちゃいますね。。。
では、修正していただく箇所ですが、もうお分かりですよね。
下のピンクでマークした部分です。
※最初の部分には-(ハイフン)なしでご記入ください。
*//<a href=”tel:0353022605“>03-5302-2605</a>*//