最近は言うまでもなく、ホームページを見る人の割合はPCからスマホにどんどんシフトしてきています。スマホで見る時はスマホの画面で見やすいレイアウトに自動的に変わる「レスポンシブデザイン」が当然求められていることは既に何度も書きましたね(笑)ですが、いくらモバイル用に適したレイアウトに変わってもこれを忘れていたらお話にならない、というのがこの投稿です。あなたのお仕事の性質上、連絡してほしい手段がメールよりも電話だとしましょう。大きくはっきりと表示するように、ということを意識されると思います。開いたらすぐにスクロールして下の方を見ていくのでほぼ目には入りません。あなたのホームページに書いてある商品や内容を見て連絡したくなったお客様は、すぐに、電話をかけたいはずですね?なのでどのページからでも、できるだけスクロールもせずにここぞという位置からすぐに電話をかけられるのがベストなわけです。ここで、忘れてはいけないポイントが。的確な場所に電話番号さえ表示されていればOK、だったのはパソコンでしかホームページを見る機会がなかったひと昔前の常識です。スマホなら、その電話番号(あるいは画像)をタップしてすぐに電話がかけられるのが当たり前ですよね?サイトを開いて電話番号もわかっているのに、いったんそれを控えて、電話アプリに切り替えてからその番号を打ち込まないといけない。...という状態になっていたとしたら?「ああ~、もうええわ...」と、なってしまい、他のライバルサイトの方に移動してしまうかも・・・(その可能性はかなり高いです)ということで、チャンスを無駄にしたりすることがないように電話へのリンク設定の仕方を覚えておきましょう。投稿の「ビジュアル」タブで設定するのが簡単です。画面にタップさせたい文字を入力後、選択し「リンクの挿入/編集」ボタンをクリックしてください。続けて発信先の電話番号を入力、適用します。スマホだと「電話で問い合わせる」の部分をタップするだけで電話に発信できます。電話で問い合わせるTEL:00-1234-6789文字の代わりに画像を使ってももちろんOKです。HTMLで以下のように手入力してもOKです。上記のHTMLの前後を<button>タグで挟みます。href=”tel:0012346789′′>電話で問い合わせる</a></button>するとこのようになります。シンプルですが、ちょっと目立つようになりますね。電話で問い合わせるさらに応用では、スマホの時だけリンクを表示しPCでは表示させない、というようなこともできますがそれはまた別の機会に書きますね。ちなみに“自分メディア.com”の場合はこちらからお問い合わせを受け付けていますので、ホームページ、動画に関することなどお気軽にご相談くださいね。コメントをキャンセルメールアドレスが公開されることはありません。