EITCH DESIGN エイチ デザイン / ポータルサイト

ポータルサイト

ポータルサイト

キャンプの様々な情報を公開している専門型ポータルサイトを制作させていただきました。
CMSを使わずにPHPで0から作成。SEOに有利なリッチリザルトやページ高速化にも対応。
レスポンシブデザインでPC版とスマホ版での画像の最適化やレイアウトの調整、多言語化などを実装。
ロゴやYouTube用の動画も作成させて頂きました。

  • リッチリザルト

    SEOでも有利なGoogleの検索結果での表示形式を変化させる構造化データを記述。
    レシピのリッチリザルトでは、短期間ではあるもののサイト公開2ヶ月でも検索結果1位を続出させました。

    リッチリザルト
  • 読込み速度高速化

    読み込みに時間がかかるGoogle AdsSens・ツイッター埋め込み・WEBフォント・GIFアニメを使用しながら、遅延読み込みなど様々な対策をすることによりPageSpeed Insightsでスマホ版70点前後、PC版80点以上を出しています。
    ※対策をしていない場合のスコアはスマホ版で30~40点前後でした。
    遅延読み込みの欠点であるクローラーにインデックスされないことにも対策を行い、botでも正常に認識してインデックスされるようにしています。

    読込み速度高速化
  • ツール作成

    色々な商品のスペックをまとめて、一覧の並び替え・絞り込みや、平均値の算出や、ユーザー独自の商品の追加が出来る機能をJavaScriptで作成しました。

    該当ページを見る
    ツール作成
  • データベース管理

    記事の内容をデータベースで管理できるようにPHPとJavaScriptでオリジナルの管理画面を作成し、記事の追加・編集・削除を専用ページから行えるようにしました。

    データベース管理
  • 多言語化

    全ページに英語版を作成し、htaccessでのURL置換や同一ファイルでの文言の切り替えを実装しました。

  • お問い合わせ機能

    CSMなどのツールを使用せずにお問い合わせ機能を作成しました。
    SQLインジェクション・XSS・CSRFなどのセキュリティ対策も行っています。

    該当ページを見る
  • ランクキング

    Googleアナリティクスで測定した各ページのアクセスを、Googleが提供するAPIを使用してランキング化しています。
    料理関連の記事とそれ以外でジャンルを分けて測定しています。

  • YouTubu用動画

    アニメーションロゴとオープニング・エンディングムービーを作成させて頂きました。
    ポータルサイトの動画なので、どんなキャンプスタイルの方でも受け入れやすいようにイメージカットは抽象的な映像にしています。

    該当ページを見る
    YouTubu用動画