[レベル: 上級] この記事では、11 月 12 〜 13 日に米サンフランシスコで開催された Chrome Dev Summit 2018 に参加した際のセッションをレポートします。 セッションテーマは、JavaScript を多用したサイトを検索で発見されやすくするためのベストプラクティスと注意点です。 セッションスピーカーは、Google チューリ...
Search results for javascript, , js, , qiita
[レベル: 中級] 昨日とおとといに続いて、今日も Chrome Dev Summit 2018 のセッションレポートをお届けします。 セッションのタイトルは “Speed Essentials: Key Techniques for Fast Websites” です。 昨日レポートしたセッションと同じようにモバイルウェブの高速化がテーマです。 しかし、こちらはより実践的な内容...
メタ この記事はNode学園2018にて話した内容を記事として編纂したものです。 スライドはこちら。 ちなみにわざわざ記事も書いた理由はこちら https://twitter.com/sekikazu01/status/1062131616275881989 会場や懇親会でマサカリいい質問をいただいたら適宜こちらに追記していこうと思います。 はじめに この記事はSPAを...
[レベル: 上級]モバイル フレンドリー テスト ツールとリッチリザルト テスト ツールで、レンダリング後のソースコードと読み込めなかったリソース、JavaScript のエラーを取得できるようになりました。モバイル フレンドリー テストとリッチリザルト テストがレンダリング検証ツールに早変わり下のキャプチャはモバイ...
Angular + Firebaseで作ったWEBサービスをリリースしたので、たまった知見を書き出してみる はじめに 以前からちょこちょこ新しいWEBサービスを作っているということをQiitaの記事に掲載していましたが、このたび「 SCORERA（verβ） 」を正式にリリースしました。 （ 現在、クラウドファンディングも行っています。 コンセプトに共感された方は、ぜひご支援をお願いします！） サ...
本記事ではGoogleアナリティクスの拡張eコマースを使ったECサイトのトラッキングの基本をご紹介します。前半で拡張eコマースの概要をご紹介し、後半でEC-CUBE3の実装例をご紹介します。 拡張eコマースの概要 Googleアナリティクスではeコマースの設定を有効にすることで、ecサイトにおけるユーザーの行動と購買情報を分析することができます。 下の図は通常のeコマースと拡張eコマースのメニュー...
2018年3月27日。ついにGoogleからモバイルファーストインデックス (MFI : Mobile First Indexing)へ移行するとの正式にアナウンスがありました。 モバイル ファースト インデックスを開始します (Google公式ブログ) これまでのGoogle検索では、パソコン版のページの中身を見て順位づけが行われていました。しかしこれからはスマートフォンの向けのページを重視して...
この記事について 「GoogleAnalyticsの設定、どうしたらいいんだっけ...」と迷ったときのためのレファレンスです。 新規のサイトを立ち上げる時・GAの再設計がしたくなった時に参照してください。 のちのちアクセス解析しつつ改善していくために、できるだけ汎用的にデータを拾っておく 可能な限り、非コーダーができる作業で完結させる というのをテーマにまとめました。 STEP 0: GTM・GA...
可及的速やかにReactが絶滅しますように。 以下は Front-End Developer Handbook 2018 の第三部、 Front-end Developer Tools からリンクされているツールと、その簡単な紹介です。 ドキュメントツール 開発者向けドキュメント、APIリファレンス Dash 200以上のAPIリファレンス、100以上のチートシートを一括ダウンロードできる。有料、...
AMP letter を読み解く - Qiita
https://qiita.com
2506 日付 前
http://ampletter.org/?lang=ja 日本語訳があるので面倒臭がらずに読んだほうがいいです。 要約 AMPは無意識にユーザーがGoogleエコシステムに留まるようになっており、また検索結果に対してプレミアムな演出や優先順位を与えており、Webの中立性を破壊している、という指摘。 Googleが言うように、Webの速さが懸念ならば、AMPという技術の有無に関わらず特定の速度を満...
こんにちは！ リブセンスでディレクターぽいことをしている karaagedaisuki です。 今年も マッスルな会社の先輩 からの勧めで23日目に挑戦しています。 ※本記事は リブセンスアドベントカレンダー - 2017テーマ「自」 の23日目です。 「自」といえば、「自然流入」、 そう、「検索エンジンからの流入」ですよね。 今回は検索エンジンからの流入をメインとしたメディア制作時に必要な、 「...
ディップ Advent Calendar 2017 の10日目です。 今回は私が個人開発でサービスを立ち上げたりする際に 最低限やっているSEO内部施策 をご紹介します。 （一部は内部施策というよりツールの使い方みたいになってますが・・・） 本当は こっち に書こうとしてた内容なので会社の業務とはほとんど関係ないです
はじめに 僕はウェブサイト制作会社でサイトの運用・アクセス解析担当をしている者です。 ウェブサイトの制作・リニューアルを受注した際にプロジェクトに参加し、クライアントの現状サイトのアクセス解析とレポート作成、リニューアル提案が主な仕事です。 クライアントと直接相対するディレクターから「GoogleAnalyticsの権限もらったからアクセス解析して」とオーダーを受け、アクセス解析を行うことになりま...
Twitter見てたら、以下のツイートを見た。 数時間後、 dev.toと阿部寛のホームページどっちが速いですか？ というブログがTLに現れた。 GoogleのPageSpeed Insightsで測って阿部寛のホームページの方が早かったという結論付けてよいのかという疑問が浮かび、webpagetest.orgで計測することにした。 設定 阿部寛のホームページに関しては、Tokyoリージョンにある...
GitHubでフロントエンドチェックリストというものが公開されており、網羅されている内容が幅広く便利そうだったので、日本語に翻訳しました。 https://github.com/thedaviddias/Front-End-Checklist 日本語版は、以下のGitHubリポジトリにあります。 https://github.com/miya0001/Front-End-Checklist 誤訳や...
昨日の記事「 WordPress表示速度改善には画像サイズの見直しと「jquery」のフッターへの移動する方法が効果あり！ 」で対応方法については説明した。 しかし、何故「 PageSpeed Insights 」は｢ レンダリングをブロックする JavaScript を除去してください ｣と警告を表示するのか？もう少し詳細に対応策までを説明しようと思う。 まずHTMLのブラウザへの読込みは大抵は...
SPAによるWebサイト開発とSEO 昨今はReactをはじめとするフロントエンドのライブラリやフレームワークの台頭により、比較的多彩な機能を持つWebアプリケーションだけでなく、メディアのようなWebサイトをSPA(Single Page Application)で構築する例も見られるようになってきました。こうしたWebサイトにおいて、SEOは重要な集客手段の１つです。 ところで、SEOに関わっ...
The author's views are entirely his or her own (excluding the unlikely event of hypnosis) and may not always reflect the views of Moz. Understanding JavaScript and its potential impact on search perfo...
こんにちは、 @pompom0c0 です。 headに記述する内容、いつも前回のをそのまま使用するのですが、 なんで記述するのか一つ一つ理解していなかったので、まとめました。 // 対策編
