SEO 【SEO】画像をAVIFに！メモ
自分用のメモとして残します。上記サイトはGoogleが提供している、ブラウザ上で画像を圧縮できるサイト。画像の容量が大きいと表示に時間がかかり、ユーザーが離脱してしまう。簡単に言うと、AVIFはあまり画質をそこなわずに圧縮してくれるものであ...
maple
SEO SEO 【SEO】サジェストキーワード メモ
SEO対策に「サジェストキーワード」を使用した対策があります。これを使用すると、Googleでその言葉で何が調べられているかわかります。例えば、鍵屋の場合「鍵 トラブル」で検索すると「鍵 トラブル 業者」のように表示される。鍵トラブルで検索...
Wordpress 【WordPress】Contact Form7 スパムメール対策
スパムメールがたくさん来るようになりました。放置しておけばいいかと思いましたが、個人情報の漏洩やサイトが改ざんされるリスク、ウイルス感染のリスクがあるようで、対策が必要みたいです。私がやったことをご紹介します。チェックボックスの設置コンタク...
Github 【Github】マークダウンリンクを作成する
(url)このように記載すれば文字にリンクがつきます。
Github 【Github】マークダウン画像の大きさを変更するメモ
<img src="ここに画像のURLが入る.jpg" width="50%">普通に画像を貼り付けると、大きく表示される↓!(これを<img src="ここに画像のURLが入る.jpg" width="50%">これに変えると大きさが変わ...
HTML パンくずリストメモ
SEO効果JSON-LD、microdata、RDFamicrodata、RDFaという書き方がある。JSON-LD形式は、現在Googleの構造化データのマークアップとして推奨されている。JSON-LD形式を書いても、ページには表示されな...
CSS 【CSS】背景の区切り
オシャレなサイトやLPページでは、セクションの分かれ目でデザイン性のある背景の区切りが使われています。このサイトでは、素敵な区切りを作成できるもので、CSSをコピペすることができます。三角の区切りこんな感じの区切りを作ります。<!-- 背景...
CSS 【サイト作成】画面が動いてしまう問題 ①
サイト作成し、スマホで確認した際に、画面が左右に動いてしまうことがありました。縦のスクロールだけでいいのに、横にスクロールできるような感じです。そのままにしてもいい感じもしましたが、LPの作成だったので訪問してくれるユーザーが煩わしくてペー...
CSS 【CSS】リストの改行をそろえる、アイコンを画像にする、アイコンと文字の高さを揃える！
改行を揃える方法これをこれにします。/* リストの改行の位置をそろえる */.list { margin-left: 2.3em; text-indent: -2.3em;}大きさは、アイコンの大きさによって調整します。リストのアイコンを画...
CSS 【CSS】オシャレな境界線と、白い線を消す
ギザギザ、尖り、丸い境界線が作れるオシャレな境界線を作ることに関しては、別のページでも紹介しています。境界線をつけると、白い線がついてしまう問題境界線をCSSで作ると、白い線ができてしまうことがあります。これを解消する方法をご紹介します。c...