JavaScript SEOの基本を解説するドキュメントをGoogleが公開
[レベル: 上級] JavaScript を多用するウェブサイトの SEO のために必要な基本知識を解説するドキュメントを Google はデベロッパーサイトで公開しました。 ドキュメントに書かれている内容をざっくり紹介します。 Googlebot が JavaScript を処理するプロセス Googlebot による JavaScript の処理は次の 3 つのプロセスに大きく分かれます。 Crawling（クローリング） Rendering（レンダリング） Indexing（インデックシング） 2 番目のレンダリングが、静的な HTML ドキュメントにはないプロセスになります。 レンダリングが完了して初めて最終的なコンテンツがインデックシング プロセスに渡されます。 クローリングもレンダリングも、すぐ実行されるとは限りません。 “キュー” に保存され順番に処理されます（なので、レンダ
og:image 徹底解説、意味も設定画像スペックもこれでばっちり！ 2024年1月更新-Six Apart ブログ｜オウンドメディア運営者のための実践的情報とコミュニティ
この記事のポイントは… 主に個人ブログやブログ形式のオウンドメディアを運営する皆さまを対象に、アイキャッチ画像の概要と設定方法を詳しく紹介する記事です。 アイキャッチ画像（サムネイル画像やOGP画像とも呼ばれます）とは、サイト内やSNSのタイムライン上に記事URLと共に流れる記事の顔となる画像のこと。 アイキャッチ画像を利用するために必要な知識、画像の仕様と非デザイナー向けの作成方法、アイキャッチ画像をHTMLのメタ要素OGP内で指定する方法を記事内で詳しく解説しています。 この記事は、2024年01月12日に更新しました！ ウェブ記事のアイキャッチとなるタイトルを載せた画像、ソーシャルメディア上で、良く見ませんか？まさにこの文章のすぐ上にある「徹底解説」と書かれた画像も、アイキャッチ画像のひとつです。 この記事は、主に個人ブログやブログ形式のオウンドメディアを運営する皆さまを対象に、アイ
「TwitterCards」設定方法 ｜ Tips Note by TAM
head内に記述する情報を見直す機会があったので、 改めて「TwitterCards」も調べなおしてみました。 ●「TwitterCards」とは？ ●申請方法 ●「Twitter Analytics」について ●OGPの設定について URLを含むツイートを投稿すると、FacebookのOGP画像のようなサムネイルを表示させる機能です。 OGPを設定済みであれば、簡単な設定と申請のみで反映されます。 ＜手順＞ （1）Facebook用のOGPを設定する （2）TwitterCards用のタグをHTMLに追加 （3）Twitterに申請 （4）ツイートをして動作確認 ＜設定・申請に必要な情報＞ ・Twitterアカウント ・それに紐付くパスワードとメールアドレス ＜設定した例＞ てすとー http://t.co/QPJ1xZBMfv — ウメダキョウコ (@umeume66) 2014, 6
Google IO 2015のWebページから学ぶ最新の<head>タグ - Qiita
Google IO 2015のページには<head>タグ内に多数の<meta>, <link>の記述があります。 <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="description" content="Google I/O 2015 brings together developers for an immersive, two-day experience focused on exploring the next generation of technology, mobile and beyond. Join us online or in person May 28-29, 2015."> <meta name="viewport" content=
固定ページのmetaデータ（keywords、description）をページ毎に変更したい
こんにちは。 Metaタグを制御できるプラグインを使ってみてはどうでしょうか？ 日本の方が作られていて、ドキュメントがしっかりしているものだとWP SiteManagerがあります。 他にも、同様のプラグインは多数あります。 こんにちは あ”ー、4week 前なら、今更かもしれないですが、 keywords、description だけであれば、 CSSやjavascriptをシングルページで追加するコードですが、keyword や description用に書き換えていただくと使えると思います。 functions.phpに <?php add_action("wp_head","my_embed_meta",'90'); function my_embed_meta($content){ global $post; $result = ""; $css = ""; if ( is_si
METAタグの機能 〜2nd New House〜
Content-Type：文書の MIME タイプ(コンテントタイプ) 文書のMIME タイプ(コンテントタイプ)と文字セットを指定します。 文字セットの日本語指定は、Shift_JIS や x-sjis や EUC-JP などが有ります。文字セットをきちんと指定してやると文字化けの発生がなくなります。 HTMLのMIME タイプは text/html のみであり他の値は使用できません。 XHTML1.0 は application/xhtml+xml が推奨されていますが互換性を考えて text/html も指定可能です。 XHTML1.1の場合は application/xhtml+xml が推奨され text/html を指定すべきでありません。 MIME タイプが text/html、文字セットが Shift_JIS の使用例 <meta http-equiv="Content-
App Linksの技術文書を和訳してみました
App Linksの技術文書を和訳してみました Written on May 12, 2014. Posted in Web Technologies 4月20日に行われたFacebookの開発者向けイベント「F8」にて、App Linksという新しい仕様が発表されました。これは、今までのWebでのページ間リンクのように、スマートフォンアプリ間の「ディープリンク」を可能にするための標準的な手続きになるべく発表されたものです。具体的な仕様について、さっそく和訳をしてみました。これだけ読んでもちょっと理解するのが難しいのですが、参考になると幸いです。 原文は、 http://applinks.org/documentation/です。 App Linksの公開 App Linkメタデータの公開は、あなたのコンテンツ内にタグを数行追加するだけという単純さです。あなたのコンテンツにリンクするアプリ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
MT ページによってメタ情報を変更 | スターフィールド株式会社