ＥＣサイトにおいて、ユーザーエクスペリエンス（ＵＸ）を最適化することは重要なことと言えます。こうしたＵＸの向上に不可欠なものを示す指標として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 […]
当サイトではさまざまな観点からECサイトのSEO対策について解説してきました。 今回はSEO対策の中でも今後重要になってくると考えられるモバイルファーストに重点を置き、自身のECサイトがモバイルフレンドリーであるかどうか検証する方法を解説します。
今回の記事は以下のような課題を持っている方におすすめです。 ・フォントサイズの単位の違いを知りたい。 ・どの画面サイズでも最適なフォントサイズにしたい。 ・レスポンシブなサイトでフォントサイズを容易に管理したい。 フォントサイズはCSSで「font-size:16px;」のように指定することでサイズを変えることができます。一つのデバイスでの設定ならすぐできますが、レスポンシブサイトでは […]
今回はFlexboxを使用してレスポンシブなサイトを構築する方法を解説していきます。 Flexboxは文字通りフレキシブルなレイアウトを構築できるボックスで、今後webデザインを行う上で必要不可欠になってくると考えられます。 そんなFlexboxはレスポンシブwebデザインにも最適で、画面サイズに応じて最適なレイアウトを構築することができます。ぜひ今回の記事を参考に、ご自身のサイトにFlexbox […]
多くのサイトでは画面遷移がしやすい等のメリットから固定ヘッダーメニューを実装するケースが増えてきました。 そこで、今回は実際に固定ヘッダーメニューのメリットデメリットを解説し、その作成方法を紹介していきます。
こんにちは、吉永です。 ECサイトでは膨大な量の商品をとり扱っており、そこからお客様にお探しの商品を見つけてもらうには商品検索機能が重要になってきます。 しかし従来の商品検索機能では、お客様がお探しの商品に到達している可能性はまだ低いと思われます。 そこで今回は、お客様にお探しの商品をより簡単に、そしてよりスムーズに見つけてもらう機能として、こだわり検索機能を紹介していきます。
今回はどのSNSをどの世代層が多く利用しているのか紹介します。次に、実際にSNSを活用しているECサイトを紹介しながら、どのようにSNSを活用していけば良いか解説していきます。
今回はaishipRにて新たなに実装された納品書ダウンロード機能について紹介していきます。 これまで納品書は注文された商品に同梱し、顧客に送付される方法が一般的でした。しかし今回のアップデートに伴い、顧客は納品書を必要な時にダウンロードして利用することができるようになりました。
普段サイトを見ていると、テーブルを使った説明箇所をみることがあると思います。例えばよくテーブルが使用される部分としては、会社概要や料金プランなどがあります。 図１ テーブルの使用例 テーブルはいくつかの要素を比較したり、読者にコンパクトに情報を伝えることができるのでとても重宝されます。今回はサイトでよく見られるテーブルがどのようなHTML＆CSSで記述されているのか解説していきます。
今回はcssのdisplayプロパティについて解説していきます。 htmlタグの表示のされ方や高さ・幅の設定は予めhtmlタグごとに決まってます。しかし、これらの設定を変更し、htmlタグの使う範囲を拡張したい時があると思います。 このような場合に、htmlタグのinline要素やblock要素を変更し、適用範囲を変更できるcssがdisplayプロパティです。
5月だと言うのに、もう暑くなってきましたね。 今回はhtmlのタグの中でも汎用性の高いdivタグについて取り上げます。このdivタグはcssとも相性がよく、たいていclassやidを付与して使います。 ただ、あまりの汎用性の高さにどう使えばいいのかわからない人が多くいると思います。また逆に、無駄に使いすぎている人もいるのではないでしょうか？ そこで、この記事ではdivタグの効果的な使い方を再確認し […]
