SEO担当者のみんな!スゴいぞこれ!! キーワード提案ツール『Ubersuggest』がChrome拡張機能をリリースしたんだけど、キーワード検索するだけで欲しい情報が一気に手に入る……! 詳しくは画像を見てほしい。 SEO関… https://t.co/yyUPStKtR1
ウェブサイトの表示スピードはサイトの健全性における重要な観点の一つです。Googleが提唱するCore Web Vitalsコア・ウェブ・バイタルズと呼ばれる指標の中にもサイト表示スピードに関する項目があり、表示されるまでの時間が単なるユーザー体験だけでなく、SEOでも無視できない存在です。表示スピード低下の要因はネットワークやサーバーサイド、そしてフロントエンドまで広範囲におよびます。本記事ではその中でも画像の読み込みについて改善できるテクニックを改善前と改善後を比べながら紹介します。 改善前サンプルを別ウインドウで開く 改善後サンプルを別ウインドウで開く 画像読み込みBefore / Afeter 上図はLighthouseによるチェックの結果です。Lighthouseはウェブサイト検査ツールで、ウェブページのパフォーマンス、アクセシビリティ、SEOなどの状態を計測できます。Googl
2年ほど前に「SEOの学び方」という記事を公開しました。今回は改めて初級・中級・上級と3つの段階に分けて再整理しました。これからSEO関連のお仕事を始める方、SEOの勉強方法を知りたい方の参考になれば幸いです。 目次 SEOの学び方(初級) SEOは、Web経験がない新卒にはハードなお仕事 世界中の企業がSEOに取り組んでいる理由を理解する SEOはオーディエンスと事業の理解から始まる 自分でサイト運営・集客の経験をする 身近なものを題材にSEO施策を考えてみる 「この領域だけは、自信がある」というスキルの柱をつくる 自分自身もインターネットを活用する SEOの学び方(中級) SEOの全体図を学ぶ 英語 ケーススタディ(他社事例)を研究する 他人にSEOを教える Googleが公開しているドキュメントに全部目を通す 失敗してもいいので、施策を実施する 「今は学ばない」領域を決める 人が検索
フリーランスとして一人で制作をしていると、どうしても自身のスタイルの中だけでデザインしがちなので、新たな刺激を求めて書籍やネットを徘徊して見るようにしています。今回は、私が参考にしているギャラリーサイトを11個紹介します。クライアントとの打ち合わせ時も担当者とイメージを共有できるので便利に利用できると思います。ぜひ参考にしてみてください。 URAGAWA担当した制作会社を掲載しているギャラリーサイト。制作会社ごとに見て回れるのはおもしろい。カテゴリ分けも『業界』『タイプ』『特徴』『カラー』『特集』『アワード受賞』『ランキング』と他にはない分類ですが意外と使いやすいです。制作の裏側記事もあってWebデザインの参考だけではなく読み物としても楽しめます。 URAGAWA | 制作会社がわかるWEBデザイン・参考サイト集 紹介文URAGAWAは、クリエイティブカンパニーの情報を蓄積していくことで、
www.gizmodo.jp こんな記事があって、おれはこんなことを書いた。 「最近、Google検索がイマイチな気がする…」→本当にイマイチだった [ネット] 今どき個人ブログ書いてる人間も相当少ないが、それでももうまったくインデックスされなくなっていて、商品やイベントの一般人の感想なんかはもう検索エンジンからはたどり着けない。 2024/02/01 15:07 b.hatena.ne.jp 純粋な「個人ブログ」、「日記」というものはもうGoogleはインデックスしない。 staff.hatenablog.com 「しない」は言い過ぎかもしれないが、ほとんどしない。いつからだかはよくわからない。よくわからないが、おれがそれを実感したのは、去年「ジャパンモビリティショー」に行ったときのことだった。いや、正確には「行く前」だ。いったいどんなショーなのか、どのくらい混んでいるのか、どんな雰囲気
フィードバックを送信 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 e コマース ウェブサイトの URL 構造を設計する Google が e コマースサイトのウェブページを効率的に発見して取得できるように、URL を適切に設計してください。お客様が URL の構造を管理されている場合には(たとえば、独自のサイトをゼロから構築されているなど)、このガイドを参考にして URL 構造を決定すると、Google が e コマースサイトをインデックス登録する際の問題を回避できます。 URL 構造が重要である理由 URL 構造の設計が適切であれば、Google はサイトをクロールしやすく、インデックス登録もしやすくなります。URL 構造に不十分な点があれば、以下の問題が発生する可能性があります。 Googlebot が 2 つの URL で同じコンテンツが返される
「若者はネット検索しない」といわれて数年たつが、実際はどうなのか。検索しないのなら、商品の情報取得や購買の導線はどうなっているのか。調査データや取材から、美容系をメインに若者のショッピング事情を分析した。 テキストよりもビジュアル情報が刺さる 2016年にあるタレントが「若い人はネットを検索しない」と発言したことが話題になった。それまでSEO対策を熱心に行っていた大人たちには衝撃の事実だっただろう。Web検索を使わないで何を使っているかといえば、Instagramだという。「テキストよりもビジュアル情報が若者に刺さる」といった発言もあった。 それから数年がたち、その傾向はデータとして裏付けられている。マクロミルが18年8月に公表した消費意識やお財布事情などの調査によると、SNSの情報に影響を受けて買い物をする人が半数だという。15~24歳では「かなり影響を受ける」「まあまあ影響を受ける」と
2024年1月に書いた最新の記事はこちら 2018年10月にこのようなサービスをリリースしました。 友達と旅行などに行った時に発生するお金の貸し借りで「誰が誰に何円返せばいいんだっけ?」という問題をシンプルに解決してくれるWebアプリです。「調整さん」みたいに即席でグループページを作成して、そこに立替え履歴を登録しておけば、最も簡単な清算方法を計算してくれます。 当時、新卒2年目くらいで、会社の同期と初めてリリースした個人開発サービスです。 途中コロナで大打撃を喰らったのですが、ここ1年くらいは徐々に回復し始め、サービスリリースから約4年で月間30万ユーザーを達成することができました。 (👆2022年3月あたりから過去30日のユーザー数推移) 自分で言うのもアレですが、MAU30万は個人開発サービスではかなり当たっている方かなと思うので、ユーザー数が伸びなかったリリース当時、どういうこと
22年前、グーグルの創業者らがPageRank(ペイジランク)を発明し、それ以降のウェブが変わった。既存のランキングアルゴリズムと比べてPageRankが大きく違っていたのは、次の点だ: ウェブ上のリンクを票と見なす。最初の段階では、票はすべて平等だ。 得票数が多いページほど重要度が増す(そして、より上位に表示される)。 重要なページほど票の重要度が増す。 しかしグーグルは、そこで止まらなかった。さらに、 アンカーテキストトピックモデリングコンテンツ分析トラスト(信頼)シグナルユーザーエンゲージメントなど、検索結果をよりいっそう改善する要素を取り入れたのだ。 リンクはもはや平等ではない。いや、平等とはほど遠い。 ランド・フィッシュキンがこの記事のオリジナルバージョンを公開したのは、2010年だ。はっきり言って、それはSEOの世界を震撼させた。ここでは、彼のオリジナル記事から非常に多くの部分
はじめに Web では古来より <img> タグを用いて画像を読み込んでいました. しかし <img> タグにはアスペクト比に関する情報を埋め込むための属性が用意されていません. そのため, ブラウザが画像をネットワークから fetch して読み込みが完了するまで, レスポンシブな img 要素の寸法を決定できず, ページにガタツキ (Layout Shift) が生じる問題がありました. この問題を解決するため以前より, アスペクト比を埋め込むための新たな属性の導入が提案されていました. しかし最近議論に動きがあり, 既存の属性を利用する方法が提案され, ブラウザに実装され始めています. ここでは問題の背景, 提案と議論の変遷, そして開発者が取るべき対応について紹介します. はじめに img タグと Layout Shift intrinsicsize 属性 intrinsicsize
こんにちはあるいはこんばんは。村山(twitter id:muraweb_net)です。 ユニバーサルアナリティクスを見ようとすると、アラートが表示されるようになりましたね。本格的に GA4 のことを考える方も増えてきたのではないでしょうか。 GA360 のプロパティや GA4 プロパティが存在するのに、アラートが一括で表示される手法は、不必要に不安を煽るだけに思われますが、全ての人を GA4 プロパティへ移行させるためにはこの手法が必要なのかもしれません…。 この手法に効果があったのか不明ですが、Googleアナリティクス のヘルプコミュニティでも GA4 の質問が増えてきたように見えます。また、ヘルプコミュニティへの投稿やお客様のヒアリングから、 GA4 がわからなくてこわいといった心理があるように感じます。 そのため今回は、 GA4 がわからなくてこわい方向けに、 GA4 の理解力を
なべ @Nabe_Dental488 最近うちや他の歯医者さんもそうだけど、クソ業者がGoogleマップの評価に星1評価かつ適当な事を書き込みした後電話かかってきて、いくらで評価取り消しますという事が横行してます。 悪質過ぎて反吐が出るわ。 ちなみに痛いと言われて予約を2週間後にするような歯医者じゃないわ() pic.twitter.com/C5BEhBzWrk 2021-05-20 14:25:45 なべ @Nabe_Dental488 Ferrari 488GTB / Porsche 911GT3(992)/ Porsche Macan GTS / BMW F82 M4 / Audi A4 Avant S line / VW Polo / 歯の大工🦷/ FOCJ / ZENITH /CORUM/ 東京🗼⇆静岡🗻 https://t.co/F7xoHTUeQ9 なべ @Nabe_D
ふくさん @fukusanity 修士の頃「ググったけど出てきませんでした」って助教に相談したら「うそつけ」って言いながら彼もググり始めて「これとかそうなんじゃない?」と見せられたWebページがドンピシャな内容、みたいなことはよくあった。どんな単語でググったか見せてもらうと、やっぱり俺の頭にはない検索用語だった 2022-12-03 15:30:41 ふくさん @fukusanity なんかその時に「絶望的に違う」とは思わなかったんだけど、やっぱり少し知ってないとその単語は出ないよな〜というような差分だったような気がする。調べながら知識を深めて検索単語をアップデートしながら探す、みたいな動作が必要やね 2022-12-03 15:33:53
3年で検索流入が50倍に。MAU1,000万人に成長した「LIPS」が語る、Googleボットさんへの「おもてなし思想」と、アプリとWEBでは目的が違うため「最適なUI」が変わる話 700万ダウンロードのコスメアプリ「LIPS」さんにお話を伺いました。 ※ 株式会社AppBrew 木全 佳梨さん、堀江 慧さん、阿部 栞さん「LIPS」について教えてください。木全: コスメのクチコミアプリです。アプリは700万ダウンロード、全体のMAUは約1,000万人、クチコミ数は累計180万件を超えています。 LIPSでは性別年齢を問わず「なりたい自分」を追いかける人のために、心地よい体験をしてもらえる場所を提供しています。 ここ数年だとLIPSは「WEB版」が伸びているそうですね。阿部: WEB版は、地道なコンテンツの改善が、Googleアップデートで評価されて、自然検索からの流入が3年間で50倍に成
sabakichi @knshtyk 最近のGoogle検索の品質低下は様々な要因があるのだと思うが、そもそも個人ブログに良質な情報が蓄積される、というWebの時代が終焉を迎えたというだけなのかもしれないとも思う。インプレッションの寡占が進んだ結果、皆情報をSNSやForumに書くようになり、独立したソースは激減しているのではないか 2023-11-15 12:46:29 sabakichi @knshtyk 特に英語圏だとこの流れは顕著で、多くのブロガーがYouTubeへと主要な活動メディアを移行しており、もはや検索するよりYouTubeで動画を見つける方が目的に情報にたどり着きやすい、みたいなことがよくある。テキストベースでの情報だとSNSで検索する方が情報の質は高い(検索はフェイク情報しかない) 2023-11-15 12:51:17 YujiSoftware @YujiSoftwa
リスクはある。成功するとは限らない。それでも挑戦しなければならなかったことがあります。それが、2019年11月25日、noteのサービスURLの「note.mu」から「note.com」へのドメイン変更。 わたしたちが「note.com」ドメインを取得したのが、2018年12月。さらにさかのぼると、CXOの深津さんが就任した2017年10月からサービス改善における最重要項目のひとつとして位置づけられていました。 2年もの歳月をかけて取り組んだ「note.com」へのドメイン移行。今回の#noteのみんなでは、CEOの加藤さん、CTOの今(こん)さん、そして深津さんにドメイン移行とともに歩んだ2年間を振り返ってもらいます。 リスクはあった。でも「やらない」という選択肢はなかった加藤:まず、なぜ「note.com」へドメインを移行することになったのか。いろいろなメディアの記事やnoteでも紹介
「自分のサイトの正規表現一覧表がパクられた」──DeNAが運営するWebサイト内で、自分が作成した表が無断転載されているというツイートが物議を醸している。投稿者で、個人でWebサイトを運営するむらしゅん(@murashun)さんは10月30日、DeNAのRPAサービス「Coopel」で、自身のブログで掲載した図表と全く同じものが掲載されているのを見つけたという。 ツイートされた画像には、むらしゅんさんが作成したという正規表現一覧表と、同じ文言や順番で説明していることや、具体例については一部をCoopelに置き換えて表現していることが確認できる。むらしゅんさんの運営するWebサイトには、同サイト内の著作権について説明するページに設けており、転載許可については別途問い合わせをするよう提示していた。
15日から民間広告の掲載が始まった気象庁のホームページに、気象庁が定めた基準に違反するおそれのある不適切な広告が掲載されていたことが分かりました。気象庁は削除する対応を取っています。 しかし、気象庁によりますと、午後2時に広告の掲載を始めて以降、掲載基準に違反するおそれのある不適切なものが見つかり、運用を委託した事業者が該当する広告を削除する対応を取っているということです。 気象庁が定めたホームページの広告の掲載基準では、法律に違反したり事実と誤認したりするような不適切な内容を含むものは掲載できないとしていますが、NHKの取材では、掲載されていた広告の中には医薬品の広告表示に関する法律などに違反するおそれのあるものが複数確認されました。 こうした不適切な広告が掲載される懸念は以前から指摘され、気象庁の関田康雄長官は7月の会見で「国のホームページにふさわしくないような広告は最初から排除するル
果たして、今起きているのはどういう現象なのか、専門家の立場から分析してもらった。 「自殺 方法」と検索しても… 1つ目の疑問。Googleの検索品質は落ちているのだろうか? この質問に対する辻さんの答えは、ちょっと意外なものだった。 「Googleの検索結果はずっと改善し続けており、機能として悪化はしていません」 ただ、同時にこうもいう。 「ただ、いくつかの理由から『良い検索結果ではない』ことが増えているのは確かだと思います」 機能としては改善しているのに、検索結果としては良い状態ではない、というのは矛盾しているように聞こえる。それはどういうことなのだろうか? 「自殺 方法」と検索すると、真っ先にこころの健康統一ダイヤルと予防学会のサイトが表示される 辻さんが1つ目に挙げるのが「検索に求めるものの変化」だ。 「10年前は『自殺 方法』『死にかた』みたいな検索をすると、まさに自殺の方法がずら
Pluralistic 驚くべきことに、かつてAltavistaやYahooをふっと飛ばし、魔法の検索ツールで世界を驚かせたGoogleが、突如クソの山になってしまった。 Googleの検索結果はひどいものだ。ページの上部はスパム、詐欺、広告だらけだ。始末に終えないのは、その広告も詐欺だらけなのだ。時には、資金力のある敵対者がGoogleを出し抜いて大金を稼ごうと大掛かりな詐欺が試みることもある。 https://www.nbcnews.com/tech/tech-news/phone-numbers-airlines-listed-google-directed-scammers-rcna94766 しかし通常、こうした詐欺を働くのは有象無象の、小銭稼ぎの詐欺師たちだ。彼らは資金力があるわけでもないし、洗練された攻撃者でもない。さらに言えばSEO業界の初心者である。その彼らでさえ、Goo
テキストサイトのリンク集 SNSの停滞やAI学習の影響で、 個人サイトへの回帰が進む今日この頃。 ・・・ただ、良い個人サイトを見つけるのってなかなか難しいので、 定期的に最近みつけた個人サイトを紹介していくことにしました。 有名人、ただの一般人 関係なく、順序もごちゃ混ぜで紹介してます。 良い個人サイトが溜まってきたら、 いずれはジャンル分けしたリンク集も作ろうかと。 www.nejimakiblog.com 印象に残ったおすすめの個人サイト ( ) 内には、個人的なジャンル分けや特徴みたいなものを3語で書いてみました。 (※修正必要であれば、連絡頂けると変更します。誰も見てないと思うけれど) obake.blue (動画・デザイン・ユニーク) おしゃれすぎぃ! UIもユニークで好き。 obake.blue 一番星の下で約束した日(テキストサイト・日記・音楽) Web拍手に定期的にコメント
この増田(anond:20221004204032)のブコメ見て、皆アイコン語りしたいのかな~自分のアカウントのこと話したいのかな~と思ったので。 まぁ、そっちはそっちでやって貰うこととして、こっちではidの由来とかあったら聞いてみたいな。 本名なのか何かのモジリなのか、はたまた昔飼ってたペットの名前あるいは母親の旧姓……(って、これじゃ秘密の質問を聞き出してるみたいじゃん) 言い出しっぺの法則で自分から言ってみると、なんとなくカンで決めた響きの良い名前+生年の4ケタです 以下、追記 皆さん色々教えていただき、ありがとうございました。ブクマカの数だけ由来もあるって改めて実感しました。 過去にも似たような増田あったんですね。こちらもブクマで教えて下さって感謝です。ま、これが令和最新版(Amazonか)ということで!
最近は出番がなくなってきたけれども、一時期、子どもの読書感想文や日記について相談を持ち掛けられる……というより困っているのを見つけて助け舟を出しがちな状況があった。 ありがちパターンはこうだ:週末、「宿題は終わった?」と訊ねたら「だいたいやってある」と子どもが答える。うんうん、感心感心。ところが日曜日の午後8時ぐらいに「日記がまだ書いてない」という言葉が聞こえてくる。さあどうしよう。日記のネタを探すところからやらないと……といった具合だ。 読書感想文の場合は、週末の初め頃に何を読むべきか悩んでいたり、「読んだはいいけど何を書けばいいのか困っている」と子どもから耳にすることが多い。 私の子どもは21世紀生まれなので、一定程度は本を読むにせよ、私自身の幼児期に比べれば本を読んでおらず、そのぶんオンライン上のドキュメントを読んでいたり動画を見ていたりする。 それは別に悪いことではないが、本の読解
Web Vitals Stay organized with collections Save and categorize content based on your preferences. Optimizing for quality of user experience is key to the long-term success of any site on the web. Whether you're a business owner, marketer, or developer, Web Vitals can help you quantify the experience of your site and identify opportunities to improve. Overview Web Vitals is an initiative by Google
表題の通り、検索エンジン(Webアプリ)を作ったので、使ってみて感想を聞かせてほしい、というのが投稿の目的だ。 ただ、せっかく増田に投稿するのだから、制作物の宣伝に終始するのではなく、開発していて考えたことや制作背景を書き添えたいと思う。ここにはエンジニアやデザイナー、また技術職でなくてもWebサービスに携わる人、インターネットを使って遊ぶことが好きな人が多いはず。そんな人たちの向けの四方山話として、思考の一助となれば幸いだ。 検索エンジンについてSalonaというGoogleを超える検索エンジンを作った。 https://salona.org 特定の検索クエリについて、マークダウンの検索結果を添付し、投稿することができる。投稿には、検索クエリと完全一致するタイトル、本文、'# ' + タイトル + '\n' + 本文のSHA-256(=文書のID)、256ビットのノンスが付随する。投稿に
ブクマカだけで議論w してんじゃねーよ yoppymodel.hatenablog.com はてなブックマークの攻撃性問題は、ブクマカだけで議論しても無意味である。なぜならブクマカに迷惑をかけられている「被害者」は、ブクマカではなくブロガーだからだ。加害者であるブクマカだけでいくら議論wを重ねたところで、自分たちがいかに楽しく罪悪感を感じずに被害者をいじめるかという話しか出るわけがない*1。 それなりに炎上経験のある有名はてなブロガーで、はてブを好きな人間などいない。今回炎上の中心となっているヨッピー氏は言わずと知れた超有名ブロガー/ライターだし、過去を振り返ってみてもid:fujipon氏、id:p_shirokuma氏ら、名だたるはてなブロガーがはてブを批判している。 fujipon.hatenablog.com p-shirokuma.hatenadiary.com 前垢から含めて2
「事件の犯人は〇〇!経歴は?前科は?」「〇〇について調べてみました!」「調べましたが、わかりませんでした」「いかがでしたか?」――。 時事・芸能ネタを中心に取り上げ、ページビュー(PV)を稼ぐ「トレンドブログ(トレンドアフィリエイト)」。インターネット利用者の関心に素早く応える利点がある一方、デマ拡散や誹謗中傷の温床になっているとの指摘もある。 こうしたトレンドブログは、どのようにして作られているのか。そして、その問題意識は――。運営者に聞いた。 「犯人扱い」された無関係の女性 著名人のうわさ話や社会的関心の高い事件を中心に扱い、PV数を増やして広告収入を得ることを主な目的とする「トレンドブログ」。 常磐自動車道で男性会社員があおり運転を受けた後に殴られた事件では、無関係の女性がネット上で"犯人視"され、トレンドブログが拡散の起点となった。 「人違い」被害を受けた女性の代理人弁護士は201
GoogleのSEO対策をする上で、アルゴリズムを理解しておくことは非常に重要です。 Googleのアルゴリズムについて「キーワード」や「被リンク」など、 代表的なものを解説したサイトは多数見つかります。 しかし、200近く存在するといわれているGoogleのアルゴリズムについて、 詳細な情報を発信しているサイトはほとんどありません。 もっと具体的な情報がわかれば、SEO対策もしやすくなりますよね ちょっとした差かもしれませんが、細かいSEO対策をするとしないとで、 ライバルサイトと差をつけることができます。 Googleは検索順位を決めるのに機械的に処理しています。 コンテンツの質がまったく同じなら、 アルゴリズムの細かい指標が基準となって、ランキングが決められます。 今の時代、代表的なアルゴリズムは皆対策しているので、 ライバルと差別化するのが難しいです。 ライバルがSEO対策できてい
こんにちは、あるいはこんばんは。村山です。皆さまGoogleアナリティクス4(以下、GA4)との戯れには慣れてきましたでしょうか。GA4の使い方は「完全に理解した」という方もいれば「まだまだこれから計測実装していくから触っていない」みたいな方もいらっしゃるのではないかと思います。 今回は、後者である「これからGA4を計測実装していく」方にむけて、どのようにGA4の計測実装を推進したら良いのか書いていこうと思います。 どのようなイベントを計測するべきか? データに関わる方が1名と少ない場合 データに関わる方が2名以上の場合 データ計測の設計書となるドキュメントが必要だ GA4はさまざまなイベント計測方法がある GA4管理画面内の「イベントの変更」 GA4管理画面内の「イベントの作成」 GA4管理画面内の「オーディエンストリガーイベント」 GTM内からイベントタグの発火 GA4の計測設計にはN
リンクを別タブで開くためにHTML上でリンクにtarget="_blank"を指定することには「セキュリティとパフォーマンスの点で問題がある」と、グーグルのエンジニアが注意している。 一般的な書き方だと思うのだが、どういうことなのだろうか。何が問題なのか、どうすればいいのかを、わかりやすく解説する。 ほかにも今回は、SEOコンサルタントを採用するときのポイント、グーグル検索に有利なCMS、AMPストーリーのSEOなどなど、幅広い観点からSEOの理解を深められる情報をまとめてお届けする。 SEOコンサルタント採用時のグーグル流ベストプラクティスグーグル検索ではShopifyが優遇されている!? CMSで違いはあるのか?AMPストーリーに特化したSEOをグーグルが解説グーグル検索でニュース記事を目立たせるコツをグーグルが解説グーグルは、GAやChromeのデータを検索に使っていないグーグルSE
黄 未来(こう・みく) 1989年中国・西安市生まれ。6歳で来日。南方商人である父方、教育家系である母方より、華僑的ビジネス及び華僑的教育の哲学を引き継ぐ。早稲田大学先進理工学部卒業後、2012年に三井物産に入社。国際貿易及び投資管理に6年半従事したのち、2018年秋より上海交通大学MBAに留学。現在は中国を本拠地として活動。オンラインサロン「中国トレンド情報局」も主宰。 Twitter:@koumikudayo TikTok 世界で最も使われるアプリ「TikTok」はどのように生まれたか?/「TikTok」を生み、新たな技術大国・中国を制したバイトダンス社とは?/世界を席巻するショートムービー革命とは? 中国籍を持ちながら日本で各種のSNSとともに育ち、現在は中国経済の最前線で活躍する著者にしか書けない奇跡の1冊です。 バックナンバー一覧 時価総額8.5兆円で世界No.1・ユニコーンのバ
Webページのパフォーマンスを向上させることは、CSSでも可能です。去年の暮れからChromeで利用できるようになったCSSの新しいプロパティで、2021年現在Edge, Operaにもサポートされています。 読み込みパフォーマンスを向上させるために最も効果があるCSSの新しいプロパティcontent-visibilityについて紹介します。 content-visibility: the new CSS property that boosts your rendering performance by Una Kravets, Vladimir Levin 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに content-visibilityのサポート状況 CSS Containmentとは content-visi
CSSを最適化して、ページの読み込み時間を高速化する方法を紹介します。 シンプルなCSSのファイルをはじめ、大規模プロジェクトで使用されるCSSまで、すべてのCSSに効果があるテクニックです。 Optimizing CSS for faster page loads by Tomas Pustelnik 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 読み込みに時間がかかるのはなぜか? スタイルシートのファイルサイズを制限する クリティカルCSSを使用する 遅延読み込みのスタイルシート スタイルシートにコード分割を使用する まとめ はじめに 先日、私は自分のWebサイトの読み込み時間を改善することにしました。すでにかなり高速にロードされていましたが、まだ改善の余地があり、CSSの読み込みがその原因の1つであることが分か
画像やiframeの遅延読み込みに使用するloading属性と非サポートブラウザ用にJavaScriptを併用した現代的なアプローチで、最大限のパフォーマンスを発揮させる実装方法を紹介します。 Best way to lazy load images for maximum performance by Adrian Bece 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 遅延読み込みのloading属性とは 遅延読み込みの現代的なアプローチ パフォーマンスとLighthouseスコアの向上 最大のパフォーマンスを得るための画像最適化テクニック はじめに 画像の遅延読み込みは比較的簡単に実装でき、パフォーマンスを大幅に向上させることができるため、Webサイトを最適化するために使用される選択肢の1つです。遅延読み込みで
「日本国内におけるSEOの第一人者は?」 と聞かれ、真っ先に頭に思い浮かぶのはきっと辻正浩さん(@tsuj)ではないでしょうか。ウォッチしている検索キーワードの数はなんと30万超。日本の月間検索数はほぼ100億前後と推測され、そのうち、5億回は辻さんのお客様のサイトがヒットするそうです。 日本の検索の約5%に関与しているSEOの専門家・辻さんに、SEOに携わる人々のこれからについて、お話を伺いました。 日本では2022年末よりAIチャットボット「ChatGPT」に注目が集まり、SEO領域においてもますます “AIの活用” が議論されるようになりました。「ChatGPTはGoogleの脅威になる」といった意見も見受けられますが、辻さんはどのように捉えていらっしゃいますか? 「ChatGPTがGoogle検索に置き換わるかどうか」でいうと、そうはならないだろうと思っています。Googleより部
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く