SEO 【2024年4月義務化】Webアクセシビリティ対応とは
Webアクセシビリティとは？ Webアクセシビリティとは、Webサイトが視覚障害、聴覚障害、運動障害などの障害を持つ人々や高齢者を含むすべてのユーザーにとって利用可能であることを指します。 これは、マウスを使わずキーボードのみでナビゲーショ...
SEO Tips さくらインターネット、SNI証明書未登録で無料SSLが設定できない！の解決法
さくらインターネットで無料SSLの設定をしようとしたところ、「SNI SSlを利用する」がグレーになっていて選択できない！？右側には「初期ドメイン、さくらのサブドメイン、SNI証明書未登録のドメインではSNI SSLをご利用いただけません」...
CSS 新着情報の枠に縦だけスクロールを出す
あらゆるサイトのトップページで必ず設置することになるのが「新着情報」。直近の5件だけ表示してあとは「一覧を見る」でリンクさせることも多いですが、もう少し件数を多く、しかも限られたスペースで設置しなければならないこともままあるでしょう。 そん...
CSS supとsubをガタガタさせずに綺麗に出す
一般的なサイトではあまり使うこともないsupとsub。何のタグ？という方もいらっしゃるのでは？（そんな方はこの記事に行き当たらないと思いますが）supとsubはいわゆる「上付き」「下付き」を表示するためのタグで、学術系サイトや資材系の企業サ...
Javascript モーダル、ポップアップなら「featherlight」がなんでも入ってオススメ。
商品写真や施工写真を大きく見せたい、情報を全部載せたら画面が一杯になって見ずらいから、クリックしたらポッと出てくるアレでなんとかならないか？そんなご要望を実現するのが「モーダル機能」です。ポップアップ機能と呼ぶこともありますし、これを実現す...
SEO 中国でサイトが表示されない！の解決法
先日、サイトを制作させていただいたクライアント様から「中国からサイトを見ようとしたら表示されないんだけど」というご連絡をいただきました。海外からのアクセストラブルは初の事例だったのでちょっと調べてみたら、原因となりそうなのは以下の2点でした...
Javascript slick実装の基本
オススメのスライダーslickを実装する スライダー入れてない企業サイトってほとんど見ない気がするけど、気のせいですかね？ いや気のせいですね（そういうサイトは動画が流れてる）。でもそれくらいよく見かけるし商品や事業内容などの訴求に効果的で...
Javascript bxslider実装の基本
スライダーの代名詞bxsliderを実装する 今やほとんどのサイトで導入されている、トップページの一番目立つところで写真がシュッ、シュッと切り替わるアレ。メッセージや商品のビジュアルを効果的かつ効率的に訴求するために欠かせない機能ですね。W...