解決してみた!!CLS(Cumulative Layout Shift)と累積レイアウト変更 – サウンドテック・ラボ
解決してみた!!CLS(Cumulative Layout Shift)と累積レイアウト変更 2020.06.10 「CLS（Cumulative Layout Shift）？累積レイアウト変更？って、なに！？解決方法を、教えてください！」って疑問を、解消していきます。 サーチコンソールの「ウェブに関する主な指標」として、CLS（Cumulative Layout Shift）・累積レイアウト変更という言葉を目にするようになりましたね。 もしかすると、サーチコンソールに不良の URL として赤く表示されて、焦っているかもしれませんね。ご安心ください。2020年6月9日時点では、2021年以降にランキングに関係してくるため、焦った気持ちで改善にとりくむ必要はありません。心おだやかに、いきましょう〜！ この記事でわかること CLS（Cumulative Layout Shift）・累積レイアウ
ページスピードインサイトの使い方とコアウェブバイタル（LCP/FID/CLS）のスコア改善方法
ページスピードインサイト（Page Speed Insights）は活用していますか？ 2018年Googleはモバイル検索においてページの表示速度をランキングの要素として取り入れる、通称「スピードアップデート」を実装しました。 さらに、2021年5月以降スピードアップデートをさらに進めて、単に表示速度だけでなくページ読み込み中のユーザー体験を示す指標であるコアウェブバイタルをランキング要因に取り入れることを発表しています。 参考：Googleランキング要因になるCore Web Vitalsとは？概要から改善方法まで徹底解説！ https://www.sakurasaku-marketing.co.jp/labo/blogs/core-web-vitals このようなことから、弊社クライアント様をはじめ、周囲では表示速度やコアウェブバイタルに関する関心は非常に高まっていると感じています。
ユーザー体験を向上！Yahoo!ニュースにおけるCore Web Vitals対応事例
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。Yahoo!ニュースを担当しているエンジニアの喜楽です。 2020年5月、GoogleよりWebでのユーザー体験を指標化したCore Web Vitalsが発表されました。本記事では、Yahoo!ニュースにおけるCore Web Vitals指標改善の取り組みとその効果についてご紹介します。 Core Web Vitalsとは Webページを閲覧しているときに、コンテンツの表示が遅かったり、スクロールやクリックなどの反応が悪い、レイアウトが読込中に変更され、クリックしたい要素の位置がずれてしまうなどといった経験はないでしょうか。これらはユーザー体験を低下させる一因となります。Core Web Vitalsは上記のような
Wordpress + Contact Form 7 で Salesforce の Web-to-リード を送信する - Qiita
Salesforce の Web-to-リードを使用すると、問い合わせフォームから見込み顧客の情報を直接Salesforceに取り込むことができます。 しかし、Salesforceで生成されたHTMLをそのまま使用すると、入力内容のバリデーションを行うことができません。 そこで、WordpressのContact form 7を使用して、レコードをWeb-to-リードに送信できるようにしてみました。 Contact form 7でフォームを作成する Salesforceで自動作成されたHTMLをもとに、フォームを作成していきます。 1点注意する必要があるのは、name属性が0からはじまる場合、Contact form 7では、自動的に先頭の0を削除してしまいます。 このため、name属性にさらに sf- を追加して、先頭の0が削除されないようにしておきます。この sf- は、後の処理で削除
WordPressテーマ「ICONIC (tcd062)」
メディアとの融合で商品に生命を吹き込む、ECサイト向けWordPressテーマ「ICONIC」 2021.02.04デザイン
無料WordPressテーマ「Cocoon（コクーン）」を公開しました
SEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100％GPLテーマです。 以前公開したSimplicityの後継となるテーマです（※後釜ということで完全な互換性はないです）。 新しくテーマを作成したのは、Simplicity自体元々、個人用に作成したものを公開したテーマだったので、機能を増設するにつれて、多少の無理も出てきて、動作確認が大変になってきたからです。 また、Simplicityは、約4年前に公開したものなんですが、「当時のWEB状況」と「最近のWEB状況」に乖離もでてきました。ですので、一度現在の状況に合わせて作り直しておきたかったからです。 元々Simplicity自体、僕が初めてPHPで作成したプログラムだったので、当時はPHPの作法などをよくわかっておらず、書き直したい部分もいろいろ出てきたというのもあります。 こういった複合的な理
デザイン制作を助けてくれる国内外の素材サイトまとめ - NxWorld
見つけてはメモしていたものがかなり増えてきて自分用に整理したのでシェアします。 ベクター・ラスター・テクスチャ・パターン・アイコン・フォント・モックアップなど、デザイン制作をする際に便利な素材を配布しているサイトの一覧です。 中には条件付きで使用可能とか商用利用時は有償という素材が中心に配布されているところもありはしますが、紹介しているのは基本的にフリーで使用できるものが中心または多く配布されているサイトになります。 以下はいずれも五十音 → アルファベット → 数字の順で紹介しています。 また、下記目次に属する国内の素材サイトについては多くが「禁止事項を守れば個人・商用問わず利用可能で、クレジット表記や報告等も不要」になるので、基本的にそのようなライセンスに関する情報は別途記載しているもの以外は省略しています。 国内 - 全般・ベクター・ラスター 国内 - テクスチャ・パターン 国内 -
Googleカスタム検索のサイト内検索結果がFirefoxだけ表示されない時の対処法 | Lancork
※当ブログではアフィリエイト広告を利用しています。 Google カスタム検索を使えば自分で検索機能を作らなくてもサイト内検索を実装できます。しかし手順通りやったはずがFirefoxだけサイト内検索結果が表示されないトラブルが起きました。 意外に簡単な方法で解決することができたので、対処法をメモします。 Firefoxだけ検索結果が表示されない 問題が起こった時の状況は以下のとおりです。 検索エンジンのレイアウトは「2ページ」 問題の状況になったのはカスタム検索エンジンのレイアウトで「2ページ」を使用し、検索結果が別ページに表示されるよう設定していたときでした。 実際のカスタム検索のサンプルはこちらです。検索するとこちらのページのように検索結果が表示されます。 しかしIE9やChromeでは検索結果が表示されるのにFirefoxだけ検索結果が表示されず、真っ白のまんまです。 Firefox
300万PV超えの人気Webメディアはどのように作られているか
人気の秘密を探る この記事では人気のウェブメディアがどのような戦略・デザインでユーザーを集めているのかを分析します。対象は月間PV数が300万PV以上のメディア。それほどに読まれる仕掛けはどこにあるのでしょうか。
記事の更新日をHTML5対応にして正しくGoogleに伝える方法[WordPressカスタマイズ]
/* get_the_modified_time()の結果がget_the_time()より古い場合はget_the_time()を返す。 同じ場合はnullをかえす。 それ以外はget_the_modified_time()をかえす。 */ function get_mtime($format) { $mtime = get_the_modified_time('Ymd'); $ptime = get_the_time('Ymd'); if ($ptime > $mtime) { return get_the_time($format); } elseif ($ptime === $mtime) { return null; } else { return get_the_modified_time($format); } } これは、予約投稿により、更新日よりも公開日の方が先になってし
![記事の更新日をHTML5対応にして正しくGoogleに伝える方法[WordPressカスタマイズ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/f3b9b33a7168c14749003143dd4d95c80bbd718e/height=288;version=1;width=512/https%3A%2F%2Fnelog.jp%2Fwp-content%2Fuploads%2F2014%2F06%2F93c6b9a6b131.jpg)
[WP]WordPress で固定ページに記事一覧を出力する方法のまとめ｜WordPress｜WEBデザインの小ネタとTIPSのまとめサイト「ウェブアンテナ」
ブログや企業サイトを問わず、WordPress で「固定ページに投稿記事を10件表示させる」のような処理を入れる機会も多いのではないかと思いますが、 単純に最近の投稿記事を指定件数表示させる以外にもカテゴリ別、オーサー別など色々なパターンがありますので、今回はそのような固定ページに記事一覧を表示させる方法をまとめてみました。
![[WP]WordPress で固定ページに記事一覧を出力する方法のまとめ｜WordPress｜WEBデザインの小ネタとTIPSのまとめサイト「ウェブアンテナ」](https://cdn-ak-scissors.b.st-hatena.com/image/square/18498b4eb3a903b87a60252db99f687051cda0e3/height=288;version=1;width=512/https%3A%2F%2Fwww.webantena.net%2Fwp-content%2Fuploads%2F2013%2F05%2Fwordpress.png)
[WP]WordPress で固定ページに記事一覧を出力する方法のまとめ｜WordPress｜WEBデザインの小ネタとTIPSのまとめサイト「ウェブアンテナ」
ブログや企業サイトを問わず、WordPress で「固定ページに投稿記事を10件表示させる」のような処理を入れる機会も多いのではないかと思いますが、 単純に最近の投稿記事を指定件数表示させる以外にもカテゴリ別、オーサー別など色々なパターンがありますので、今回はそのような固定ページに記事一覧を表示させる方法をまとめてみました。
静的HTMLでHTMLファイルを読み込む | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
PHPでページを生成する場合は、共通部分は別のファイルに作って、そいつをincludeなりrequireなりしてあげれば簡単なんですけど、HTMLファイルの場合はそうはいかない。SSIが使えるサーバーとかだと以下のような記述で読み込めるらしいけど、SSIが使えない場合もたまにはあるわけで、そういうときにどうすればいいか。 //SSIが使える場合 <!--#include file="sample.html"--> そこでご紹介したいのが、こちらのサイトさん Javascriptを使って、静的HTMLの中でファイルをインクルードするソースを公開されています。 使い方は簡単。上記のサイトにある関数を記述したjsファイルを作成するなりHTML内に書くなりして、あとは必要な部分で関数を呼び出すだけ。 //～内 include("sample.html"); たったこれだけです。ヘッダーとかフッター
Google Search Console（サーチコンソール）を強力なSEOツールとして使うための究極ガイド。 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
今、あなたが読み進めているこの記事は、GSCにおける、大学卒と言えるレベルの内容を記載している。ここでの内容をマスターすれば、あなたはGSCニンジャとなることができるだろう。 そして、それはあなたのSEOに非常に大きな違いを生むこととなるはずだ。 まずはこの記事の概略を説明したい。非常に長い記事となっているため、キリの良いところで区切って読みたいと感じるだろう。 この記事はセクションとサブセクションに分かれているが、この分け方は、GSCのメニューに基づいている。 *元記事では英語画面のキャプチャですが、日本語画面のキャプチャに差し替えています。 上記のセクションの内、始めの4つのセクションに注力している。つまり、パートAからパートDまでである。パートEとパートFも重要ではあるが、あまり説明を必要としないものだからだ。 パート A：検索での見え方 検索での見え方のセクションは、あなたのWeb
月間300万PVを目指すために、これから私がしようと思っている戦略やアイデアのまとめ！2016年5月のアクセス数報告とともに。 - クレジットカードの読みもの
おかげ様で2016年5月の月間アクセス数は180万を突破。 下記記事にも書いた3月のアクセス数からすると、それほど急成長している感じはありませんが、着実に月5%ずつくらいはアクセス数を増やすことが出来ている状況ですね。ほんといつも読んでくれているみなさん、有難うございます。 クレジットカードの読みもの 月間170万PVを突破（2016年3月）！ソーシャルメディアからのアクセス数が少ないのが課題です。 そこで今回は、いつもの様に当サイトへのアクセス内容を公開するのではなく、今後、どうやって月間300万PVを目指していくのかという計画について記事を書いてみたいと思います。ブログのアクセスアップを考えている方は是非、参考にしてみてくださいね。 月間300万PVを狙うための戦略＆アイデア： １．他サイトで検索数が多い記事を狙う キーワードのアイデアを貰う： ２．ヤフー知恵袋を狙う： ３．過去記事を
コンバージョン率を劇的にアップさせるための30の心理作戦
By Tim Franklin Photography マーケットリサーチアナリストとして働き、SEOやPPCのスペシャリストであり、かつ心理学をたしなんでいるというニック・コレンダさんが、心理学の視点から導き出した「コンバージョン率を劇的にアップさせるための30の心理作戦」を公開しています。「フムフム、なるほど」というものから、「恐ろしあ……」となる戦略まであり、広告運用やSEOの知識がない人もサービスを使うユーザーとして知っておくべき内容になっています。 Conversion Optimization: An Enormous List of Psychological Tactics http://www.nickkolenda.com/conversion-optimization-psychology/ 30の戦略を見る準備として、運営しているサービスをCTA別に分けてじょうご状
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPressで”clsに関する問題”を解決！４つの対策【目指せ0.1以下】
WordPress のフォルダ構成
楽天・ヤフーの賑わい演出・自動更新サポートシステム｜モールアシスト
【これは便利】あなたのWebサイト表示のどこが遅いかを一発で調べるブックマークレット | 初代編集長ブログ―安田英久
