SPAによるWebサイト開発とSEO 昨今はReactをはじめとするフロントエンドのライブラリやフレームワークの台頭により、比較的多彩な機能を持つWebアプリケーションだけでなく、メディアのようなWebサイトをSPA(Single Page Application)で構築する例も見られるようになってきました。こうしたWebサイトにおいて、SEOは重要な集客手段の１つです。 ところで、SEOに関わっ...
Search results for amp, letter, , , qiita
[レベル: 中級] この記事では、最近見つかった AMP のちょっとした変更（テスト含む）を3つ紹介します。 ドメイン名を「ソース」として表示 多くの場合 AMPは、オリジナルの URL ではなく、キャッシュの URL から返されます。 そのため、実際にはどのサイトを表示しているのかが不明瞭です。 そこで、オリジナルのコンテンツがあるページのドメイン名を Google は表示するようにしていました...
今回は、人気有料テーマ Affinger4 AMP ページに関する話をまとめてみたいと思います。今回は、WordPressに関するお話しです。 前回書いた ブログ開設 から16日経った今 seo成功しているか？ で、AMPページ対応の話を書いたため、構造化データ設定方法を紹介しておこう…と思い、まとめることにしました。 Affinger4 AMP ページ 人気テーマAffinger4は、これでも...
本連載はLINEのフロントエンドエンジニアのチームがWeb開発において注目・活用している技術を紹介します。今回はGoogleのAMP（Accelerated Mobile Pages）対応についてお話します。実際の業務で「No Standalone AMP」実装をおこなう前にエンジニアが認識しておきたい、各種ポイントをまとめた記事となっています。 注記 本記事は2017年5月現在の情報です。 「N...
Trust, independence, credibility – we've heard of those Open source insider There's been a good deal of ongoing discussion about Google AMP – Accelerated Mobile Pages. Quite a few high-profile web dev...
こんにちは、 @pompom0c0 です。 headに記述する内容、いつも前回のをそのまま使用するのですが、 なんで記述するのか一つ一つ理解していなかったので、まとめました。 // 対策編
はじめに 内部SEOとして、 PageSpeed Insights で高得点をとる……なんて話を昔から、チラホラ聞きます。 ページ速度がSEOにどれほどの影響があるのかはわかりませんが、ページ表示速度の改善を行って悪いことはないはずなので、私が運営している個人サイトを PageSpeed Insights で100点とれるように頑張ってみました。 本記事では、レンダリングブロック周りを主に取り扱っ...
Webエンジニアでも最低限のSEO知識を持っておきたい ferretやPhocaseを運営する株式会社ベーシックで働いており、 近々本格的にSEO施策を行うので、勉強がてらエンジニアが覚えておくべきだと思ったSEO周りの知識をまとめました。 この記事も書いていたら長くなってしまったので 知らない部分をピックアップ して読んでいただければと思います。 実装方法やSEO施策の詳細は貼ってあるリンクだけ...
2017 - 04 - 20 ニューヨークで開催された AMP Conf 2017 に参加してきました 【執筆者】佐藤雅ｙ list Tweet みなさまいかがお過ごしでしょうか。フロントエンド開発グループの佐藤雅ｙです。 2017年3月7日と8日にニューヨークで開催された AMP のカンファレンス 「AMP Conf 2017」 に招待していただき、参加してきました。 今回は1日目のレポートにな...
[レベル: 中級] AMP プロジェクトは、AMP HTML で構成したウェブサイトを簡単に作成するためのテンプレートの提供を始めました。 AMP Start という名称のサイトで公開しています。 まずは2種類のテンプレートを配布 AMP Start で公開されているテンプレートを使えば、AMP に対応したサイトをゼロから構築する必要はありません。 テンプレートはデザイン的に洗練されており、たいて...
[レベル: 上級] 3月7〜8日に米ニュヨークで Google が主催している AMP Conf 2017 で、AMP 対応した EC サイトの成功事例が紹介されました。 eBay や Namshi のように AMP 対応した EC サイトがいくつかありますが、AMP 対応したことが良い結果に繋がったのかどうかの事例は、僕は今までに聞いたことがありません。 Snapdealは、オーダーが52%↑、...
[レベル: 上級] amp-analytics を用いた AMP ページのアクセス解析には大きな問題があることを Christian Oliveira（クリスチャン・オリヴェイラ）氏が 自身のブログで指摘 しました。 具体的には、次のレポートが非常に信頼性に乏しいデータになっています。 ユニーク ユーザー セッション 直帰率 ページ/セッション 参照元 そもそもの原因はCookie どんな問題が出...
文章をベクトル化して類似文章の検索 - Qiita
http://qiita.com
2624 日付 前
Doc2Vecで類似文章を検索してみたので、実装を紹介します。 Doc2Vecとは コンピュータが自然言語を処理するためには、まず人間の言葉をコンピュータで扱える値にする必要があります。 単語の意味をベクトル化する手法として Word2Vec が存在します。 詳しくはリンク先がとてもわかりやすいのですが、ざっくり言うと前後n単語のリストでその単語を表現します。 こうすることで、例えば「犬」と「猫」...
って 海の向こうの人 が言ってました。 私はjQueryさえあれば概ね生きていけるので全然知らないけど、 あなたは全部知ってるフロントエンドエンジニアなんだね。すごーい！ 以下は Front-End Developer Handbook 2017 の第三部、 Front-end Developer Tools からリンクされているツールと、その簡単な紹介です。 ドキュメントツール Dash 150...
Webサービスを作るにあたって、SEO対策やSNSシェア、はたまたスマホで起きる予期しない動作回避のために、いろんなWebサイトに埋め込まれたメタタグと意味を調べたときのまとめです。 ※ 「意味」欄など、もろもろざっくりと書いてますので、念のために再確認してから使ってください。 基本／ブラウザ設定（PC/SP共通） タグ 重要度 意味 設定例
#DevFest16 1 #hack4jp 3 Action on Google 1 Addy Osmani 1 ADK 2 AdMob 14 Ads 7 Agency 1 ALPN 1 AMP 21 Analytics 9 Andorid 9 Android 196 Android Auto 1 Android Design Support Library 1 Android Developer...
趣味でも業務でも日々Webサービスを開発しているzaruです。こんにちは。ついにアドベントカレンダーも最終日です。まだサンタとしての仕事が残っています。さて今回は仕事としてWebサービスを開発するときに気をつけたいポイントを紹介します。まぁ仕事に限った話じゃないですが…参考になれば幸いです。特に新卒プログラマあたりに読んでもらえればと思います
ベーシックアドベントカレンダー22日目です。 8日ぶり3回目の @tkhr です。 画像の遅延読み込みライブラリ比較の話です。 LPの高速化のために遅延読み込みを導入します。 対象になるLPは広告からの流入で表示するページになります。 なのでユーザの熱を冷まさせない工夫が必要ですね。 そのための工夫の一つとして今回は画像の遅延読み込みに対応します。 画像ならキャッシュがあるじゃん。と言えるかもしれ...
サーバーサイドレンダリング不要論 - Qiita
http://qiita.com
2689 日付 前
サーバーサイドレンダリング、Isomorphic、Universal JavaScriptなどの言葉をよく見かけます。なるほどね、良さそうだね、外部公開するサービスを書くことがあったら挑戦してみたいね、Mithrilにも isomorphic-mithril ってのをがんばっている人がいるし、みたいなことを漠然と思っていたのですが、最近ASCII.jpのシステムコールプログラミングの連載を書いてい...
