タグ付けされた質問 「microdata」

私は今しばらくウェブサイトを作り直しており、できるだけ早くそれを立ち上げたいと思っていますが、可能であれば最先端にしたいと思います。現在、変更されたテンプレートを使用しています（テンプレートを使用するWebデザイナーtut tutを使用しています...長い話は短いですが、1週間でライブWebサイトを取得し、ビジネス助成金のビジネスプランを作成し、営業して以来、過去2か月までフラットになり、その寒さ！続けて！ デザインは重要ですが、マークアップの使用にも強い関心を持ちたいと思いますが、私が直面している問題はSchema.orgがSOOOO VAGUEであるということです！それは絶対に私の脳を破壊しています。 質問はかなり単純ですが、同時にかなり複雑であり、どれを最もよく考えますか： itemtype = "http://schema.org/Article" itemtype = "http://schema.org/BlogPosting" 既にいくつかの研究を行ったことに言及する価値があります。おそらく、Schema.org以外の定義によるブログ投稿と記事の違いは、ブログ投稿は一般に50ワードから400ワードまでの傾向があることです。より詳細で、500ワード以上含まれています。しかし、Schema.orgを見ると、彼らは記事を雑誌や新聞に関連付けています。確かにこれは正しくありません。 また、カテゴリを「キーワード」スキーマとして使用するのは良い考えですか、悪い考えですか？ これは私の現在のマークアップであり、私はおそらくの悪い習慣を指摘し、現在のマークアップを改善する上の任意の追加的な批判やアドバイスを歓迎<p>加えて、あなたがオンラインで表示することができ、ここでは、どのようにGoogleはこれを見てここに。 <article itemscope itemtype="http://schema.org/Article"> <header> <hgroup> <h1 itemprop="name"><a rel="bookmark" title="Why all of your website designs should be responsive" href="#just-a-test3">Why all of your website designs should be responsive</a></h1> <h6>Publish Date: <span itemprop="datePublished">2013-01-25</span> by: <a rel="author" href="http://plus.google.com/104670346136364130203/">Simon Hayter</a></h6> </hgroup> …

23 html  html5  microdata  markup  schema.org 

<link>HTMLページの本文でタグを使用できますか？この質問に対する答えを見つけようとしましたが、矛盾した情報が見つかりました。 Schema.org microdataマークアップをHTMLページに追加するとき、次のようなリンクタグに標準的な情報を追加します。 <div itemscope itemtype="http://schema.org/Book"> <span itemprop="name">The Catcher in the Rye</span>— <link itemprop="url" href="http://en.wikipedia.org/wiki/The_Catcher_in_the_Rye" /> by <span itemprop="author">J.D. Salinger</span> </div> Schema.orgから上記のサンプルコードを取得しました。彼らによると、これはitempropに標準的な参照を追加したいが、ウェブサイトにハイパーリンクを配置したくない人のために行く方法です。 ただし、W3では、<link>タグはheadセクション内にのみ配置する必要があるため、Schema.orgの例を無効にしていることが明確に示されています。 正しいマークアップに固執したい場合、どのアドバイスに従うべきですか？

20 seo  html  html5  microdata 

Schema.orgのlogo/ を使用する場合の正しい画像サイズは何ですかimage（例：）Brand？ 検索結果に表示されるときにあまりにもゆがんで見えないように、ブランドのロゴを正しいサイズで作成したいと思います。ウェブサイトで正しい画像サイズが見つかりません。

15 seo  html  images  microdata  google-rich-snippets-tool 

以下は、期待どおりにGoogle構造化データテストツールを実行します。 <div> <div itemprop="publisher" itemscope id="organization-example" itemtype="https://schema.org/Organization"> <a itemprop="url" href="https://example.com"> <img itemprop="image logo" src="https://example.com/images/logo.png" alt="LOGO"> <span itemprop="name">EXAMPLE</span> <span itemprop="description">This is an EXAMPLE</span> </a> </div> </div> <div itemscope itemtype="https://schema.org/WebPage" itemref="organization-example"> </div> しかし、私がBlogPostingそれを使用しようとすると、logoプロパティが壊れます： <div> <div itemprop="publisher" itemscope id="organization-example" itemtype="https://schema.org/Organization"> <a itemprop="url" href="https://example.com"> <img itemprop="image logo" src="https://example.com/images/logo.png" alt="LOGO"> <span itemprop="name">EXAMPLE</span> <span itemprop="description">This is …

13 schema.org  microdata  google-rich-snippets-tool 

多数の長い形式のコンテンツ記事が掲載されているWebサイトを更新しています。ページは、これから2つの日付スニペットを生成します。 <time itemprop="datePublished" datetime="2014-04-29T14:08:40+01:00">Published: 29 Apr 14</time> <time itemprop="dateModified" datetime="2015-03-22T14:59:33+00:00">Last Updated: 22 Mar 15</time> ただし、GoogleがSERPSに表示する日付は常に公開日です。 ただし、Mozには、SERPで使用されるSEOの初心者向けガイドの最終更新日があります。 次の2つの日付スニペットが使用されています。 <meta itemprop="datePublished" content="2014-03-04T17:42:15-05:00"> <div id="last-updated">01.08.2015</div> Googleがどの日付を使用するかを決定する方法に関するパターンを見たことがありますか？

13 google-search  microdata  serps  articles  dates 

Googleが提案した記事の構造化データを見て、先週はなかった新しい必須フィールドと推奨フィールドがあることを確認しました。リンクは次のとおりです。 https://developers.google.com/structured-data/rich-snippets/articles リストの最初のプロパティは次のとおりです。 mainEntityOfPage。@ id（推奨） プロパティの値がどうあるべきか理解できませんか？このプロパティは何ですか？以下へのリンクですか？ http://schema.org/Article ..または現在のブログ投稿へのリンク： http://www.example.com/blog/1001/my-blog-article 彼らはサンプルコードにこれを持っています： <meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://google.com/article" /> これは私が現在持っているもので、まだテストツールのルールに準拠していません-私はまだすべての必要なプロパティを追加するのに忙しく、同時にそこにも推奨プロパティを追加しようとしています： <div itemscope itemtype="http://schema.org/BlogPosting"> <h1 itemprop="headline"> <a href="http:///www.example.com/blog/1001/my-blog-article" itemprop="url">My Blog Article</a> </h1> <p>Written by <span itemprop="author" itemscope itemtype="http://schema.org/Person"> <span itemprop="name">Mase Kind</span> </span> on <time itemprop="datePublished" datetime="2015-11-16T15:30:00+02:00">November 16, 2015</time> <meta itemprop="dateModified" content="2015-12-10T12:29:00+02:00" /> <div itemprop="publisher" …

12 seo  microdata  schema.org  structured-data  google-rich-snippets-tool 

microdataを提供する属性でマークアップされた次のコードを検討してください。 <!DOCTYPE html> <html> <head> <title>Micro data test - Normal version</title> </head> <body> <div itemscope itemtype="http://schema.org/Product"> <h1 itemprop="name">Product name</h1> <img alt="" itemprop="image" src="http://placehold.it/200x200" /> <div itemprop="description">This is the product description.</div> <div itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <meta content="in_stock" itemprop="availability" /> <span content="GBP" itemprop="priceCurrency">£</span><span itemprop="price">100.00</span> </div> </div> </body> </html> Googleの構造化データテストツールを使用すると、肯定的な結果が得られます。 テスト例ではこれで問題ありませんが、HTML構造が大きく異なるさまざまなサイトにmicrodataを実装する必要があります。この方法で属性を実装するには、誰かが各サイトのHTMLマークアップを個別に手動で編集する必要があります。 できれば、すべてのmicrodataを1か所にパッケージ化する単一の関数を呼び出したいと考えています。技術的には、これは次の方法でメタタグを使用することで可能です。 <!DOCTYPE …

12 seo  html  html5  microdata  meta-tags 

公式な文言を見つけることができません。リッチスニペット/スキーマの達人が、マークアップの使用に関して繰り返しコンテンツを適切に使用するための洞察を提供してくれることを期待しています。 私は、Schema.orgをマークアップタイプとして使用したいサイトを構築しており、所有者はできるだけ多くの使用法を望んでいます。会社名、電話番号、住所がすべてのページに表示されるようになりました。この情報が表示されるすべてのページでリッチスニペットを使用することは有効です。 たとえば、この情報はサイトのすべてのページのヘッダーとフッターに表示され、現在のマークアップの例を以下に示します。 <body itemscope itemtype="http://schema.org/LocalBusiness"> <header> <a itemprop="url" href="http://www.domain.co.uk/"> <img itemprop="logo" src="image.png" alt="Company Name Logo" /> </a> <span itemprop="telephone">01202 000 000</span> </header> <div> This is where the content will go</div> <footer> <span itemprop="name">Company Name</span> <span itemprop="description"> A small little bit about this company</span> <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"> <span itemprop="streetAddress">Address …

11 seo  google  html5  microdata  schema.org 

schema.orgのセマンティックマークアップを追加しています。それらのいくつかは、Webページのまったく異なる部分にあるいくつかを一緒にリンクしたいと考えています。 これは私がそれらを親/子として指定すると機能します： <div itemscope itemtype="http://schema.org/ExerciseAction"> <span itemprop="distance">11 km</span> <div itemprop="event" itemscope itemtype="http://schema.org/Event"> <span itemprop="name">first event</span> <span itemprop="startDate">2001-01-01</span> </div> </div> ただし、HTMLの山で区切られている場合にリンクする方法はわかりません。 <div itemscope itemtype="http://schema.org/Event"> <span itemprop="name">some event</span> <span itemprop="startDate">2002-02-02</span> </div> <!-- .... zillion other HTML stuff ... --> <div itemscope itemtype="http://schema.org/ExerciseAction"> <span itemprop="distance">22 km</span> </div> 「itemref」などを使用して関連するスコープをリンクする必要があると思いますが、機能しません。この場合、同様の質問を調べても役に立ちませんでした。 更新：ある種の参照を介して機能し、どのタイプのネストを介しても機能しないソリューションを具体的に探していることに注意してください。また、2番目の（機能しない）サンプルの順序は同じままである必要があります（最初にイベント、2番目にExerciseAction）。（私の制御の外にそれにはいくつかの理由があります）。 具体的には、「機能する」とは、少なくとも最初に機能する例と同様に、アイテムが相互にリンクされていることを示すGoogleリッチスニペットツールとして定義されます。

11 html5  microdata 

「ラブラドール」ページにあるウェブサイトには、次のパンくずリストがあります。 サービス > リス追跡 >ラブラドール お気づきかもしれませんが、現在のページはリンクされていません。（難しい解決策には内部的な理由があります。） Googleが推奨する（data-vocabulary.org）Microdataマークアップの最後のアイテムには、次のitemprop="url"属性のみが含まれています。 itemscope itemtype="http://data-vocabulary.org/Breadcrumb"、 とitemprop="title"。 現在のページへのリンクがないことは問題ですか？ 目標は、上記のパンくずリストをGoogle検索結果に表示することです。次に例を示します。

9 google-search  microdata  rich-snippets  breadcrumbs 

schema.orgのブレッドクラムリッチスニペットの実装に問題があります。ドキュメントを使用してブレッドクラムを作成し、Googleリッチスニペットテストツールを使用して実行すると、ブレッドクラムは識別されますが、プレビューには表示されません。 <!DOCTYPE html> <html> <head> <title>My Test Page</title> </head> <body itemscope itemtype="http://schema.org/WebPage"> <strong>You are here: </strong> <div itemprop="breadcrumb"> <a title="Home" href="/">Home</a> > <a title="Test Pages" href="/Test-Pages/">Test Pages</a> > </div> </body> </html> data-vocabulary.orgのスニペットを使用するように変更すると、リッチスニペットがプレビューに正しく表示されます。 <!DOCTYPE html> <html> <head> <title>My Test Page</title> </head> <body> <strong>You are here: </strong> <ol itemprop="breadcrumb"> <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> …

9 microdata  rich-snippets  breadcrumbs  google-rich-snippets-tool  schema.org 

私のウェブサイトはJSON-LDとMicrodataを使用しています。 例えば、中BreadcrumbList、Iは、ミクロ・フォーマットを使用している、などのため（のようなOrganization、TouristAttraction）JSON-LDが使用されてきました。 MicrodataとJSON-LDを異なるページの同じページに混在させることはできますか、それとも1つのフォーマットのみを使用する必要がありますか？

9 schema.org  microdata  structured-data  json-ld 

私はMicrodataを実験しており、私のブログで試してみようと思っていました。私が使用していたテンプレートには、すでにいくつかのマークアップが追加されています。それは素晴らしいものではなかったので、私はできることを修正しました。 私の運を試すために、最新の投稿にマークアップを追加しましたが、Googleの構造化データテストツール（SDTT）はitemprop='image'属性に不満があり、その理由がわかりません。 結果ページ。 その間のデータをすべて構造化したのは、その間のすべてのコードを無視して、私の理解です。 <div itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <div itemprop='articleBody'> <a href="1.png" itemprop="url"><img itemprop="image sharedContent" src="1.png" /></a> <a href="2.png" itemprop="url"><img itemprop="image sharedContent" src="2.png" /></a> <a href="3.png" itemprop="url"><img itemprop="image sharedContent" src="3.png" /></a> </div> </div> そして、これは私には正しいようです。 BlogPosting特性を有することができるarticleBodyとimageに従ってhttps://schema.org/BlogPostingが、SDTTによると： 属性itemtypeの値が無効です。 実際、上記のサンプルコードでSDTTを試​​したところ、検証に失敗しました。 だから私は明らかに何かが欠けています。何が悪いのですか？

9 microdata  schema.org  google-rich-snippets-tool 

Webサイトのいくつかのページで、類似の製品が同じページに表示されています。各アイテムには、独自の説明（ほぼ同一）と独自のSKU（ほぼ同一）があります。 ここでMicrodataを正しく使用するにはどうすればよいですか？ テスト目的で、1つのページに3つのアイテムすべての画像、説明、SKUのコードを追加しようとしました。また、Googleの構造化データテストツールでページをテストしました。 Googleはデータを読み取り、3つすべての画像、3つすべての説明、および3つすべてのSKUのURLを表示しました。 これは正しいアプローチですか、それとも間違っていますか？ それが違いを生むかどうかはわかりませんが、現時点では、これはeコマースサイトではありません。 <div itemscope itemtype="http://schema.org/Product"> <span itemprop="name">Test name 1</span> <img src="test1.jpg" /> <span itemprop="description">Description test 1</span> <span itemprop="sku">#001</span> </div> <div itemscope itemtype="http://schema.org/Product"> <span itemprop="name">Test name 2</span> <img src="test2.jpg" /> <span itemprop="description">Description test 2</span> <span itemprop="sku">#002</span> </div> <div itemscope itemtype="http://schema.org/Product"> <span itemprop="name">Test name 3</span> <img src="test3.jpg" /> …

9 microdata  page  schema.org 

schema.org のArticleタイプを使用しようとしています： <article itemscope itemtype="https://schema.org/Article"> <!-- ... --> <meta itemprop="publisher" content="MyCorp" /> </article> このHTMLをGoogleバリデーターで検証する場合、発行者のロゴを提供するように勧められます。上記のコードを変更してロゴのURLを含めるにはどうすればよいですか？

8 html5  microdata  schema.org  structured-data