+1 ボタン 2 AMP 11 API 2 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google プレイス 2 Lighthouse 3 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 96 speed 1 イベント 17 ウェブマスターガイドライン 54 ウェブマスタークイズ 2 ウェブマス...
Search results for psilocal, , pagespeed, insights, moongift
「どうせなら100点にしようよ！」 というお声が聞こえてきそうですが…。 それはさておき、最近ではページの表示速度がこれまでよりもより重要視されていて、 PageSpeed Insights を活用する方も増えてきています。WordPressは動的なCMSということもあり表示速度があまり速くありませんので、 キャッシュプラグイン 画像の軽量化 上記のような工夫をしてらっしゃるのではないでしょうか。...
[レベル: 中級] モバイル検索のランキング要因としてページの読み込み速度を使用する Speed Update を2018年7月に Google は導入する予定です。 この発表よりも少し前に、 PageSpeed Insights が改良 されました。 Speed Update はどんな要素を見ているのか？ もっと特定すれば、Google が提供するパフォーマンス測定ツールの PageSpeed ...
[レベル: 中級] PageSpeed Insights は、Google が提供するウェブページのパフォーマンスを測定し、改善点を提案するツールです。 この PageSpeed Insights が、より実際に近い状況での測定結果をレポートするようになりました。 実際のデータに基づき、FCP と DCL をレポート 改良版の PageSpeed Insights (以下、PSI) は、 Chro...
はじめに WordPressでプログを公開し始めて、もう半年以上も経ちますが、SEO対策はほとんどやっていませんでした。 さすがに少しぐらいはSEO対策をやろうと思い、エンジニアリングでできそうなところとして、Googleの PageSpeed Insights のスコアを上げる対策をしてみました。 基本的なことですが、下記の対応をするだけこのブログサイトのスコアは常時80以上のスコアをキープでき...
Webページの表示速度が遅くて良い理由はありません。ユーザ体験はもちろん、Eコマースサイトなどでは売り上げに直結するほどです。Googleも表示速度を検索順位の指標に組み込んでおり、その指摘を行ってくれるサービスとしてPageSpeed Insightsを提供しています。 しかしこのPageSpeed Insightsは外部に公開した後でしか使えません。そこで開発中でも使えるようにするのがpsi-...
はじめに 内部SEOとして、 PageSpeed Insights で高得点をとる……なんて話を昔から、チラホラ聞きます。 ページ速度がSEOにどれほどの影響があるのかはわかりませんが、ページ表示速度の改善を行って悪いことはないはずなので、私が運営している個人サイトを PageSpeed Insights で100点とれるように頑張ってみました。 本記事では、レンダリングブロック周りを主に取り扱っ...
2015-06-27 Google PageSpeed Insightsスコア改善のためにJPEG画像をロスレス圧縮 ウェブ ウェブ-SEO Google PageSpeed Insightsのスコアがひどい Google Adsense のコンソールを眺めていたら、スコアカード内の「サイトの状況」がひどいことになっていることに気が付きました。 Google Adsense のスコアカードにおける...
以前からGoogle AdSenseのダッシュボードにあるスコアカードの「サイトの状況」が満点でないことが気になっていました。 「PageSpeed Insights」で確認すると、モバイルは63点、パソコンは82点でした。 ページの表示スピードが遅いということは、せっかく来てくれた人をイライラさせてしまいます。 このブログの場合7割の人がモバイル端末でアクセスしているので、モバイルの点数が低いの...
[対象: 中級]Googleは先日、スマートフォンに対応したページが検索結果が表示された際に、「スマホ対応」（英語では“Mobile-friendly”）のラベルを付けるようにしました。スマホ向けサイトのユーザビリティとユーザーエクスペリエンスを検証するために2つのツールをGoogleは提供しています。PageSpeed InsightsMobile-Friendly Testまた、ウェブマスター...
PageSpeed Insights を使用した Web ページのパフォーマンスレポートを WordPress の管理画面上で作成して見ることができるプラグイン、「Google Pagespeed Insights for WordPress」 を使ってみたので紹介。 Google Pagespeed Insights for WordPress ： WordPress Plugins プラグイン...
Markdownは主にHTMLへ変換されますが、それ以外でもPDFやePubへの変換など色々と用途が広がっています。パーサーも多く、シンプルなフォーマットなので自分のよく使っているファイル形式へのコンバートもさほど難しくなさそうです。 ということで今回はmd2docxを紹介します。名前の通り、MarkdownファイルからMS Wordファイルへ変換するソフトウェアです。 md2docxの使い方 実...
最近はUIだけではなく、アクションによって起こるアニメーション技術にも注目が集まっています。Googleの提唱するMaterial Designでも単にタップするだけでなく、その後のアニメーションまで含めてデザインしています。 そんなアニメーションを含めたデザインを行うためのDSLとしてuilangが登場しました。全く新しい言語としてとても面白そうですよ。 uilangの使い方 こちらはクリックす...
レスポンシブWebデザインを取り入れたサイトは増えていますが、HTMLはフレキシブルに変更できても画像リソースはそう簡単ではありません。そのため幅ごとに数パターン画像を用意しているケースもあります。 同じ画像の場合、単にサイズを小さくしてしまうと見るべき場所も小さくなって分かりづらくなります。そこで使ってみたいのがFocusPointです。 FocusPointの使い方 デモです。フォーカスポイン...
HTML5の新しいAPIの一つにアプリケーションキャッシュがあります。アプリケーションキャッシュを使えばオフライン時であってもWebアプリケーションが使えるようになります。もちろんサーバ上のデータはとれませんので、データをストアする仕組みが別途必要です。 新しい技術が組み合わさって提供されるだけになかなか手出ししづらいイメージがあります。そこで参考になるソフトウェア、offline-todoを紹介...
最近、altJSに代表されるような言語を抽象化したプログラミング言語が人気です。素のままに使うのではなく、抽象化することでより優れた書き方に変換できたり、多数のフォーマットへの変換を容易にします。 Batshもその一つです。Batshという代替言語から、BashスクリプトとWindowsのバッチファイルを生成することができます。 Batshの使い方 左側がBatsh、右側がBashスクリプトへの変...
WebアプリケーションのJavaScriptフレームワークにBackboneを使っている方は多いです。そしてPhoneGap/Cordovaをはじめとするスマートフォンアプリや、スマートフォン向けWebアプリケーションでもそのままBackboneを使いたいと思うでしょう。 スマートフォンの場合に問題になるのは画面遷移です。やはりプッシュしていく画面遷移のがネイティブっぽくなります。そこで使ってみた...
今回はユーザが作成するJavaScriptを安全に実行するための手法、ソフトウェアを紹介します。昔はHTMLがダメ、とされていた中で徐々に使えるタグを広げていったり、Markdownを使うことで自由度を広げる傾向があります。同じようにJavaScriptもユーザが自由に記述、実行できるようになっていくのではないでしょうか。 別ドメイン 一番多いと思われるのが別ドメインによるJavaScript実行...
JavaScriptは何となく書きづらい言語です。コールバックを多用したりしてネストが深くなってしまったり、prototypeで拡張して却って分かりづらくなったり…なんて経験はないでしょうか。筆者はそれがありすぎてCoffeeScriptに飛びついた派なのですが。 素のJavaScriptを記述している方にお勧めしたいのがJSCSです。JavaScriptファイルのコードスタイルをチェックしてくれ...
