幸健美歯科クリニック様のホームページ制作事例

コンセプト

札幌市内で、噛み合わせ治療や、あごずれ治療、顎関節症でお困りの方の治療を行っている幸健美歯科のホームページ制作事例の紹介です。

以前のホームページは、白を基調とした、緑とオレンジをアクセントカラーにしたサイトでしたが、今回のリニューアルにあたり、弊社のホームページ、札幌ホームページ制作ラボのサイトのような感じにしてほしいと言われ、メインビジュアルをフルワイドにして、そこにJavascriptのエフェクトをかぶせました。

そして、SEOでの順位向上を目指し、噛み合わせ治療を検討されている方のため、検索意図を網羅することを意識してトップページの構成を考えました。

もともとコンテンツは、非常にたくさん専門的な記事があったのですが、ブログの内容が、専門性のない雑記的で文字数の少ないものが多かったので、今回のリニューアルを機に専門性の低いコンテンツは、削除することにしました。

基本的な構成としては、ワンカラムでページを作成して、幅が広くゆったりとした印象を持たせることを腐心しました。

WordPressで構築していますが、古いサイトはWordPressを複数組み合わせた、複雑な構成でした。またスマホでの表示は、スマホ用のプラグインで、別途出力をさせていましたが、今回は、レスポンシブで、同一ソースでデバイスごとに最適化される方法に変更しました。

WordPressも一つにまとめて、コンテンツを管理しやすくしました。
複数あったWordPressは、カスタム投稿を複数用意することで、一つのWordPressでの管理することが可能になりました。

トップページで、複数の円と、円の中心を結ぶラインが、ランダムに移動するギミックは、particles.jsを使っています。
https://vincentgarreau.com/particles.js/

このライブラリは、パラメーターを変更することで様々なバリエーションを表現できるスグレモノです。

今回は、写真も以前の小さなものから大きいものに差し替えたり、コンテンツも検索意図を網羅するためにページを増やして、最近のGoogleが評価しやすいサイトを心がけて制作をいたしました。

その甲斐もあって、Googleの検索順位も少しづつあがってきています。