サイト作成
サイト作成
サイト作成 
CSS 【SEO】CSS（JS）の圧縮／PageSpeed Insights
ページの速度改善についてです。 ページの速度を速めることは、SEO対策として大切になってきます。 わたしは、ランディングページを作成していましたが、ページの表示速度を速めることはランディングページの利便性というのを改善することにつながり、サ...
CSS 【CSS】画面が左右に動いてしまう問題
サイト制作をしているときに、画面が左右に動いてしまい、スクロールが不安定になってしまうことがありました。 そこで対策方法がわかったので共有します。 最初に、はみ出ている要素がないか確認します。 padding等で、横幅100％からはみ出して...
サイト作成 【SEO】PageSpeed Insights「第三者コードの影響を抑えてください」をタグマネージャーを用いて対応
PageSpeed Insights で、ページの表示速度がどのくらいなのか計測することができます。 ページの表示速度を上げることは、SEO対策として重要です。 私の過去の記事でも、Wordpressで作成したサイトの速度を上げることについ...
サイト作成 【SEO】レイアウトシフトメモ
自分用のメモとして残しておきます。 数ミリ秒の低下でもペナルティになる 累積レイアウトシフト(CLS)は、PageSpeed Insights でわかる CLS判定値が0.1以下ならOK、0.1以上なら要改善 ・0.1未満⇒良好・0.25以...
サイト作成 【SEO】画像をAVIFに！メモ
自分用のメモとして残します。 上記サイトはGoogleが提供している、ブラウザ上で画像を圧縮できるサイト。 画像の容量が大きいと表示に時間がかかり、ユーザーが離脱してしまう。 簡単に言うと、AVIFはあまり画質をそこなわずに圧縮してくれるも...
サイト作成 【SEO】サジェストキーワード メモ
SEO対策に「サジェストキーワード」を使用した対策があります。 これを使用すると、Googleでその言葉で何が調べられているかわかります。 例えば、鍵屋の場合「鍵 トラブル」で検索すると 「鍵 トラブル 業者」 のように表示される。鍵トラブ...
サイト作成 【Github】マークダウンリンクを作成する
(url) このように記載すれば 文字にリンクがつきます。
HTML パンくずリストメモ
SEO効果 JSON-LD、microdata、RDFamicrodata、RDFaという書き方がある。 JSON-LD形式は、現在Googleの構造化データのマークアップとして推奨されている。 JSON-LD形式を書いても、ページには表示...
CSS 【CSS】背景の区切り
オシャレなサイトやLPページでは、セクションの分かれ目でデザイン性のある背景の区切りが使われています。 このサイトでは、素敵な区切りを作成できるもので、CSSをコピペすることができます。 三角の区切り こんな感じの区切りを作ります。 <!-...
CSS 【サイト作成】画面が動いてしまう問題
サイト作成し、スマホで確認した際に、画面が左右に動いてしまうことがありました。 縦のスクロールだけでいいのに、横にスクロールできるような感じです。 そのままにしてもいい感じもしましたが、LPの作成だったので訪問してくれるユーザーが煩わしくて...