- HTML/CSS
CLSで信頼を落とさない ─ “ガタつかない”画像・広告枠のHTML/CSS設計
CLS（Cumulative Layout Shift）によるレイアウトのガタつきを防ぐHTML/CSS設計を解説。aspect-ratioによるスペース確保、広告枠のmin-height設定、スケルトンローディング、Webフォント対策など、Core Web Vitals改善に役立つ実践的なコーディング手法を紹介します。
- HTML/CSS
【2021年版】WordPressを高速化するプラグイン３選
こんにちは。FASTCODINGデザイナーの七転び八重子です。 今回は、WordPressの様々なプラグインの中から、特にページ速度を向上させるプラグイン３つに絞ってご紹介します。 目次 サイト表示速度の重要性 Goog […]
- HTML/CSS
「Lazy Load」でページの読み込み速度を向上させる
こんにちは。FASTCODINGデザイナーの七転び八重子です。 大量の画像を表示するWebページは、表示速度が遅くなりがちです。ページ速度が遅くなると、ブラウザが重くなるので、画面操作に支障が出て、UIが低下してしまいま […]
- HTML/CSS
Google web fontsの雰囲気別おすすめ30選！Webフォントを導入しよう！
こんにちは、ディレクターのせりなです。 どのパソコン、どのスマートフォンで見ても同じフォント(書体)で表示してくれて 種類も豊富、使い方も簡単といいところばかりのGoogle webフォント。 そのGoogle webフ […]
- HTML/CSS
【簡単】Webフォントの使い方！Google web fontsを使ってみよう
こんにちは、ディレクターのせりなです。 Webフォントって聞いたことありますか？ 最近はそれなりに普及してきたんじゃないかなと思うのですが まだまだ知らない人の為に、今日はとっても簡単で便利なWebフォントの 使い方とメ […]
- HTML/CSS
HTML5.1を使ってSEOに強いセマンティックコーディングをする方法
FASTCODINGの波乗りディレクター尾島です。 「HTML5.1」について 2016年11月1日にW3CはHTML5.1を勧告しました。 これはHTML5をバージョンアップするものとなります。 HTML5.1は、 「 […]
- HTML/CSS
Webサイトの表示速度を改善する3つの方法！Google PageSpeed Insightsとは？～初心者編～
※2019年6月25日追記 Google PageSpeed Insightsの問題点をレポートする、無料診断サービスを始めました 高得点が取れていないサイトをお持ちの方、是非お問い合わせください！ PageSpeed […]
- HTML/CSS
4月21日までにスマホ対応しないとマズイ！？
皆様このニュースはご存知の方が多いかと思います！ 4月21日までにスマホ対応しないとGoogleアルゴリズム変更で順位が落ちるということをGoogleが発表いたしましたね！ 下記がgoogleより出ている参照サイトです。 […]
- HTML/CSS
よく使うhtmlタグの振り返り7つ
今回はSEOに強いタグの設定、第3段の紹介です。 前回の記事では「Titleタグ・metaタグの設定のポイントは11点」 前々回の記事では「altタグの設定のポイントは3点」 についてBlogを更新いたしました。 今回は […]
