loading="lazy"によるネイティブ画像の遅延読み込みのリスクとリターン、注意点とパフォーマンスを向上させる実装方法を紹介します。 Webの新機能は便利で魅力的なものが多いですが、効果的な使い方を知らないと、パフォーマンスに悪影響を与えてしまうかもしまうかもしれません。Web制作者は知っておきたい遅延読み込みの実装方法をチェックしておきましょう。 The performance effects of too much lazy-loading by Rick Viscomi, Felix Arntz 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 遅延読み込みを採用しているサイトは増加している 相関性の高いパフォーマンス 因果関係を調べる 修正して再テスト ロールアウト おわりに はじめに 遅延読み込み(laz
[レベル: 上級] ソフト 404 の検出方法を Google は変更したとのことです。 念のために説明しておくと、ソフト 404 とは、ページが存在しないのにもかかわらず、その URL にアクセスしたときに 200 の HTTP ステータスコードを返す状態です。 コンテンツがほとんどまたはまったくないページも ソフト 404 として Google に認識される場合があります(ソフト 404 の詳細は技術ドキュメントを参照)。 モバイルと PC で別々にソフト 404 を検出 Google は現在、モバイル向けページと PC 向けページで別々にソフト 404 を検出するようになっているとのことです。 たとえば、次のような状況が発生することがありえます。 PC 向けページ ⇒ ソフト 404 として認識する。したがってそのページをインデックスしない。 モバイル向けページ ⇒ 正常なページとし
by Cesar Solorzano Googleがスマートフォンやタブレットの読み込み速度を高めるとして推し進めてきた「Accelerated Mobile Pages(AMP)」について、Google検索やGoogleニュースなどにおける「AMPの優遇」が2021年6月に終了します。 Google AMP is dead! AMP pages no longer get preferential treatment in Google search | Plausible Analytics https://plausible.io/blog/google-amp Google Search ranking factoring 'page experience' from June - 9to5Google https://9to5google.com/2021/04/19/googl
SEOを考えたWebサイトの運営を行う上で、Search Console 内の1つの機能である検索パフォーマンス レポートで確認できるデータを活用しないという選択肢はありません。 検索パフォーマンス レポートでは、Search Console で設定した自身の関わるWebサイトのプロパティ範囲内という制約こそありますが、Google 検索を利用した検索ユーザーのGoogle 検索結果ページ上での行動データを確認することができるためです。 上記での行動データというのは、Google 検索で検索したユーザーが「どのような検索キーワード」で検索して、検索結果に表示された自身の関わるWebサイトの「どのページ」をクリックし、サイト内へ流入しコンテンツを閲覧することになったのかをデータを指します。 Webサイトをより良くするためのSEOを考えた改善施策に必要不可欠となる行動データを確認できるSear
ブログで生計を立て始めて6年目のわたしから、 「ブログでお小遣いを稼いでみたい」 という会社員の方向けのガイドを作りました! おすすめのブログサービスから、具体的なブログ戦略まで。 ぜひ、参考にしてみて下さい。 はてなブログとWordPressはどっちがいい?はてなブログがおすすめの理由 WordPressで失敗した会社員 WordPressの失敗①:プラグインとテーマのバッティング WordPressの失敗②:プラグインとWordPressのバッティング WordPressは放置すると、はてなブログよりSEOが弱くなる? プロがWordPressをおすすめし過ぎる問題 はてなブログの副業で稼げるのは、月3万円ぐらい 【戦略】副業はてなブログで稼げる、おすすめジャンル(避けるべきジャンル) はてなブログの始め方 はてなブログとWordPressはどっちがいい?はてなブログがおすすめの理由
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
「SEO に強い HTML の書き方」というツイートがそこそこバズっていて、その内容に対して駆け出しエンジニアの方たちが「参考になった」などと称賛の声を挙げていたのを見かけて思うところがあったのでこの記事を書きました。 元ツイの概要は次の通り。 body > main > article > sectionに h1は 1 ページに 1 つ(要キーワード) 見出しタグは毎度 section で囲む ヘッダーメニューは nav で囲む 画像に適切な alt を設定する title / description を書く 階層を意識して書く div はあまり使わない 画像は p で囲む この記事は元ツイおよび元ツイの投稿者を批判する意図で書いたものではなく、あくまで挙げられている内容に対する個人的見解をまとめたものです。 正しいか正しくないかをそれぞれの項目のはじめに書いていますが、あくまで僕個人の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く