ＥＣサイトにおいて、ユーザーエクスペリエンス（ＵＸ）を最適化することは重要なことと言えます。こうしたＵＸの向上に不可欠なものを示す指標としてweb vitalsが存在します。その中でも特に重要な三つの指標としてCore Web Vitalsがあります。 三つのCore Web Vitals ・Largest Contentful Paint （LCP）：ページの表示速度を測る指標 LCPについては […]
ECサイトにおいて、ユーザーエクスペリエンス（UX）を最適化することは重要なことと言えます。こうしたUXの向上に不可欠なものを示す指標としてweb vitalsが存在します。その中でも特に重要な三つの指標としてCore Web Vitalsがあります。 三つのCore Web Vitals ・Largest Contentful Paint （LCP）：ページの表示速度を測る指標 ・First I […]
本記事の内容はこちらの記事にて最新版を公開しております。宜しければご確認ください。 2021年も半月ほどが過ぎましたがいかがでしょうか？昨年はコロナの影響で様々なことが大きく様変わりしました。食品を中心とした小売店様でもECを強化してく流れも多くみられ、今後ますます自社ECの取り組みが重要になってくるかと思います。 さて今回は、そんなECサイトを構築・リプレイスするにあたり、ECカートシステム（プ […]
今年2020年8月、アップデートによりCSSプロパティ「content-visibility」がChrome85にて実装されました。 「content-visibility」では、値を「auto」に設定することによって指定した要素がビューポート（表示中の画面内）に表示されるまで、レンダリング（読み込んだデータを整形して表示すること）を実行しないというような動きが可能になります。 その結果不要なレン […]
2021年5月より、Googleの検索結果の表示順に、新たな指標として「ページエクスペリエンス」が加わることが発表されました。 https://developers.google.com/search/blog/2020/11/timing-for-page-experience ページ エクスペリエンスとは、ユーザーがウェブページで操作を行った際の、情報そのものの価値以外に関するエ […]
当サイトではさまざまな観点からECサイトのSEO対策について解説してきました。 今回はSEO対策の中でも今後重要になってくると考えられるモバイルファーストに重点を置き、自身のECサイトがモバイルフレンドリーであるかどうか検証する方法を解説します。
（2020/10/20 一部記述に誤解を招く表現があったため訂正いたしました。） Googleのウェブトレンドアナリスト、ジョンミューラー氏がオンラインで開催されているPubCon2020のKeynoteで以下の発表をしました。 Content only visible on desktop will be ignored つまり、「デスクトップ版でしか表示できないコンテンツは無視する」ということ […]
サイトにおけるバナーの役割 バナーは広告として、サイトを訪れた人を別のページやサイトに誘導するものとして、また訪問者が求めるページに辿り着きやすくするために使われ、基本的にページの一部に埋め込まれていることがほとんどです。 aishipRでも様々なバナーを導入しています。 しかし、バナーが埋め込まれている状態(特にページ中部)では、訪問者がそのバナーに気付かず通り過ぎてしまったり、そのバナーまでた […]
セール情報などのお知らせを表示するために、自社サイトにスライダーを表示させたいという方は多いかと思います。 スライダーを実装するためのライブラリには様々なものがありますが、今回は、簡単にレスポンシブ表示のできる人気のプラグイン「slick」を使ったスライダーの実装をご紹介します。 まずは以下のURLへ行き、「get it now」→「Download Now」をクリックして、slickをローカルに […]
昨年のChromeのアップデートでGoogleがネイティブのlazy-loadをサポートするようになりました。 Native image lazy-loading for the web これはJavaScriptを使うことなく、ブラウザの標準機能として画像の遅延読み込みを可能にするものです。 これまでは画像の遅延読み込み機能を使うにはJavaScriptのライブラリを実装したりする必要があったの […]
みなさんこんにちは！モバイルファーストマーケティングラボの本城です。 さて、EC（ネットショップ）で見込み顧客獲得のために欠かせないWeb広告ですが、一概にWeb広告と言っても様々な種類のものが存在します。 効率良く集客を行うためには、こうした様々な種類の中から目的に合ったものを選択し、うまく組み合わせて活用することが大切です。 各Web広告紹介 主な種類は、①リスティング広告、②SNS広告、③動 […]
今回の記事は以下のような課題を持っている方におすすめです。 ・フォントサイズの単位の違いを知りたい。 ・どの画面サイズでも最適なフォントサイズにしたい。 ・レスポンシブなサイトでフォントサイズを容易に管理したい。 フォントサイズはCSSで「font-size:16px;」のように指定することでサイズを変えることができます。一つのデバイスでの設定ならすぐできますが、レスポンシブサイトでは […]
