問題タブ [microformats]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
344 参照

microformats - Microformatsのセマンティクスに関する質問

私は自分のサイトにmicroformatsを追加しようとしていますが、それでもいくつかのことについて混乱しています。

  1. microformatsは常にhcardまたはvcard要素内にある必要がありますか?

  2. 1ページに複数のhcardを含めることはできますか?

  3. hcardタグ内にマイクロフォーマット以外のコンテンツを含めることはできますか?

私はあるサイトで働いています、そして彼らは彼らのホームページの2つの場所に彼らの住所とホットラインの呼びかけを持っています。だから私はマイクロフォーマットを配置する方法を理解しようとしています。

すべてをhcard要素でラップする必要があると仮定すると、これはホットラインコールアウトのコードをマークアップする正しい方法でしょうか?

クラス「ホットライン」を使用しても大丈夫ですか?「tel」と「hotline」の両方を同じクラス属性に入れることはできますか?その余分な24時間年中無休のテキストがhcard要素内にあることは問題ありませんか?最後の文字/数字の部分はどうですか?

0 投票する
1 に答える
1165 参照

html - Google のリッチ スニペット テスト ツールの奇妙な問題

私は現在、Google の Rich Snippet Testing Tool で奇妙な問題に直面しています。私のウェブサイトに対して意味のない警告が表示され続けたので、いくつかのテストを行うために、構造化されたマークアップをすべてページから引き出しました。

以下 (Google の例に基づく) は完全に機能します。「Google 検索のプレビュー」セクションにスニペット付きの結果が表示されます。ここで例を参照してください

そこで、実際の例を取り上げ、ダミーの詳細を自分のものに置き換えました。効果がないことに驚きました!アプリから「プレビューを生成するためのデータが不足しています」と表示されました。ここで例を参照してください

そのため (さらに多くのテストを行い、頭を壁にぶつけた後)、例 1 の元の (機能する) スニペットを使用して、一度に 1 つのフィールドを置き換えてみます。最初の「名前」フィールドまでしか到達できず、壊れてしまいました! Google という名前の何が問題になっていますか? ここで例を参照してください

私はこれに本当に混乱しています、どうしたのですか?名前を「Row Manni」(この例では「Bob Smith」と同じ文字長) に変更すると、それが機能することに気付きまし

誰かが似たようなことを経験したことがありますか? もしそうなら、あなたはそれをどのように解決しましたか?

ありがとうございました


2011-01-19 を編集:

(コメントの提案で) vcard を使用するように変更した後、さらにいくつかのテストを実行しましたが、まったく同じ結果が得られました。これらのテストは、ここ(動作していない - 私のフルネームを使用) とここ(動作中 - 切り捨てられた名前を使用) で利用できます。

ここで何が悪いのか、私は一生解決できません!テスト ツールが正しく機能しない場合、検索でリッチ スニペットが同じように検出されますか? また、これも壊れていますか? 私は現在、自分のページに microformats を残していますが、自分自身の利益 (および正気!) のためにこれを追求したいと思っています。

Google ウェブマスター フォーラム (コメントに記載されているとおり) に相互投稿して、彼らがそれを取り上げるかどうかを確認しました。ここでスレッドを表示できます

0 投票する
3 に答える
1778 参照

html - 求人 (欠員) に使用する HTML5 マイクロデータはどれですか?

欠員/求人項目を microdata でマークアップしようとしていますが、「タイトル」や「日付」などの項目プロパティが項目タイプ「組織」と組み合わせて意味をなさないため、正しい方法で行っているかどうか疑問に思います'。microdata を活用して、次のブロックをより適切に書き換えるにはどうすればよいでしょうか?

または、自分で itemtype='job' を作成/提案できますか? もしそうなら、どのように?

0 投票する
1 に答える
185 参照

microformats - Y人のうちX人が推奨-microformatマークアップ

私は、hcard、hreview、hreview-aggregateを使用して、マイクロフォーマットでサイトをマークアップしているところです。

http://microformats.org/およびhttp://www.google.com/support/webmasters/bin/topic.py?topic=21997のドキュメントはかなり良いです。

しかし、1つのことが私を完全に困惑させました-誰かが私がフォームで何かを表現する方法を私に説明できますか?

Y人のうちX人がお勧めします...

ありがとう

0 投票する
2 に答える
118 参照

html - アクセシビリティのために設計されたマイクロフォーマットはありますか?

また、アクセス可能なブラウザー (リーダー) でサポートされていますか?

質問はかなり簡単だと思います。クラス名で、これは検索フィールド、これは一般的なタグの付いたボックス、これらはメインのナビゲーションリンク、これは最新のコメントのあるボックス、これはあなたのプロフィール ページへのリンク、ログアウトできることを知らせることができますか?このリンクなど...

0 投票する
1 に答える
145 参照

django - Django hCalendar マイクロフォーマット

hCalendar マイクロフォーマットでイベントを作成できる django アプリはありますか? hCalendar マークアップを実装する基本的なイベント データ モデル、フォーム、およびテンプレートを備えたアプリを探しています。自分でやる前に、何かを見逃していないことを確認したいだけです!

ありがとう、デビッド

0 投票する
1 に答える
387 参照

microformats - 非表示のアイテムを含む Microformats hreview

Google にインデックスされるサイトに microformats の hreview 部分を実装しています。

http://www.google.com/support/webmasters/bin/answer.py?answer=146645

レビューのitem欄は、私には不格好に感じられる。なぜなら、レビューされているアイテムの名前をレビュー自体の中に含めた理由が想像できないからである。

例えば。Yelp を使用している場合は、レストランに関するページがあります。レストランの名前は上部にありますが、各レビュー ブロック内でもレストラン名を繰り返すのは意味がありません。

itemフィールドがユーザーには見えず、Google によってインデックス化されるフィールドの 1 つであるかどうか疑問に思っています。ちなみに、確認したところ、Yelp にはこのフィールドにdisplay: none;ユーザーへの a が付いているようです。

誰でもこれを確認できますか?

0 投票する
1 に答える
186 参照

semantics - 私のブログはどのマイクロフォーマットを実装する必要がありますか?

または microdata、RDF(a) など。

ブログの「エンティティ」には、投稿、コメント、分類法、およびユーザーが含まれます。

投稿については、仕様のドラフトであるBlogPostinghAtomを見つけました。

ユーザーとタクソノミーというとhCardrel="tag"が思い浮かびますが、どう思いますか?

0 投票する
1 に答える
1011 参照

javascript - HTML 5 UI コンポーネント マークアップ ライブラリ (jQuery Mobile など)

私はjQuery Mobileを使用しており、マイクロフォーマット化された HTML5 を使用して美しい UI コンポーネントとフォーマットを取得する方法が気に入っています。知っておく必要があるのは HTML だけであり、プロトタイピングに最適な優れたルック アンド フィールをすぐに得ることができます。

非モバイル サイト用の他のmicroformat UI コンポーネント ライブラリがあるかどうか疑問に思っています。

説明:

私が microformat と言うとき、構造化されたセマンティック マークアップをメタデータ属性とともに使用して、宣言的な方法で UIを作成することを意味します。

似たようなライブラリがいくつかありますが、実際には同じではありません。

  • DOJO (これは変更されている可能性があります) は、コンポーネントを作成するための宣言的マークアップを提供します。
  • JSF ライブラリですが、これはサーバー側であり、クライアント側を探しています。
  • 一部の jQuery UI ウィジェットは対応していますが、それらはプログラムである必要があります。
  • XAML と XUL ... これも JSF に似ており、HTML ではありません。

そこには多くの CSS ライブラリがあり、それらのほとんどすべてがレイアウトに関するものです。

0 投票する
1 に答える
66 参照

microformats - マイクロフォーマットと外国語

過去に私が英語のウェブサイトでマイクロフォーマット(かなり新しい)をマークアップすることを決めたとき、それは次のようになります:

しかし、外国語に関しては、私がこれを行うことができるかどうかはわかりません。

または私はこれ(または何か他のもの)をしなければなりません:

前もって感謝します!