ulとolの違いと使い分け【HTMLリストタグ】
![Thumbnail of post image 138](https://jill-tone.com/wp-content/uploads/2020/03/リストタグulとolの違い&使い分け方-300x200.jpg)
さきに結論。
ulは順番に特に意味がないリスト、olは並び順にも意味があるリストで使い分けるのが基本。
見た目はCSSでどうにでもなりますが、構造化マークアップ・クローラーにも理解させる観点では使い分ける必要が ...
【Luxeritas】PagespeedInsightsで「第三者コード~」低評価が出た件、自動広告が原因だった
![Thumbnail of post image 055](https://jill-tone.com/wp-content/uploads/2019/12/【PagespeedInsights】GoogleDoubleclickAdsが原因で「第三者コードの影響を」と低スコアが出る問題-300x200.jpg)
久しぶりにPagespeedInsightsでサイトを計測していたら、WordPressでLuxeritasテーマ使ってるサイトで40点台のスコアと気になる低評価が。
余計なことしなければ90点は楽勝なLuxeritasで ...
WEBの常識レベル! GIFのインターレースとは?
![Thumbnail of post image 083](https://jill-tone.com/wp-content/uploads/2019/04/GIFのインターレースとはアイキャッチ-300x200.jpg)
Photoshopなど画像編集ソフトでGIF画像やGIFアニメを保存するとき、オプションとして出てくるインターレース。
実際インターレースにしてもしなくても特に変わったようにはみえないし、意味がよくわからないですよね。
【速度計測結果】ロリポップ → エックスサーバーに移行後のページ表示速度比較
![Thumbnail of post image 113](https://jill-tone.com/wp-content/uploads/2019/01/サーバー応答速度・ページ表示スピードイメージ-300x200.jpg)
Google様がモバイルファーストを推し、通信速度の遅いスマホでも表示速度の速い軽いサイトを求められ、検索表示順位にも関わるこのご時世。
WordPressサイトを運営される皆さんも、レンタルサーバー選びで安いけど遅いロリ ...
PhotoshopでJPG XRの読み込み・保存を対応させる方法
![Thumbnail of post image 167](https://jill-tone.com/wp-content/uploads/2018/12/PhotoshopでJPGXRを対応させる方法-300x234.png)
今回はJPG XRをPhotoshopで読み込み・保存が対応できるように設定する方法を解説します。
SEOツールとして定番のPageSpeed Insightsが2018年11月にアップデートされ、JPG XR/
【WordPress】ブログのサイドバーは左より右がオススメ!
![Thumbnail of post image 095](https://jill-tone.com/wp-content/uploads/2018/11/サイドバーアイキャッチ(バイクのサイドカー)-300x225.jpg)
WordPressブログでもレンタルブログでも、記事や文章などコンテンツの左右どちらかにサイドバーをおくのが一般的になっています。
で、新しくブログを立ち上げるときに迷うのが、サイドバーを左においてコンテンツを右にするか、 ...
つまらないSEO対策、集まらないアクセス
![Thumbnail of post image 083](https://jill-tone.com/wp-content/uploads/2018/07/SEOイメージ-300x200.jpg)
ハッキリ言います。「 簡単なSEO対策でGoogleをだまして上位表示! 」と考えるのは時間の無駄です。
私も一時はそうしたことを頑張ったこともありましたが、機会があってGoogleの社内見学に行ったときすぐ諦めました。
blockquote、qなど引用タグが必要な理由と使い方まとめ【SEO対策にも】
![Thumbnail of post image 182](https://jill-tone.com/wp-content/uploads/2018/07/blockquote、q、citeなど引用タグが必要な理由&使い方-300x181.jpg)
ブログやサイトなどで文章を引用した際は必ず引用タグを使い、引用であることを示すのが基本です。
「 引用タグ必要?引用ってわかるように書けばいいんじゃないの? 」と思ったアナタ、甘い甘い甘すぎる。砂糖たっぷりクリスピークリー ...
引用元を表すタグ <cite>要素とcite=”URL”属性の違いと使い分け方
![Thumbnail of post image 200](https://jill-tone.com/wp-content/uploads/2018/06/引用元を意味するciteタグの属性と要素のでの違い・使い分け方-300x200.png)
blockquote や q など、HTMLにおける引用タグ。
サイト訪問者だけでなくGoogleなど検索エンジンに引用であることを示し、ペナルティを回避するためのSEO対策的な一面も持つHTMLタグでもあります。 ...
【必修知識】id と class の違いと使い分け方の基本
![Thumbnail of post image 143](https://jill-tone.com/wp-content/uploads/2018/06/idとclassの使い分け方_アイキャッチ-300x181.jpg)
いまやWEBページを構築する上において欠かせないHTMLとCSSではド定番の id属性 と class属性。
idもclassも任意の名称をつけて作り放題なので、CSSでスタイルをかける目印として非常に使い勝手が良いですよ ...