1

私はすべてのウェブマスターに不慣れです... HTML、CSS、そして間違いなく構造化データ。私は猛烈なペースで学ぼうとしていますが、このウェブサイトは他のどのウェブサイトよりも非常に貴重なリソースです. しかし、最後に自分の Web サイトに構造化データを追加しようとしても、それが正しいかどうか少し迷いました。オンラインの例は非常に少なく、私のタイプの写真ギャラリー Web サイトにはほとんど例がありません。私がポイントに近づいているのか、それとも外れているのかについての洞察をいただければ幸いです。

現在、サムネイルのあるページではなく、1 枚の写真を表示するページのデータを構造化することに関心があります。ここで使用している例は、http://www.matttilghman.com/Passage-Through-Time.htmlからのものです。

私が使用する itemtypes は、ページ全体の ItemPage であり、Author itemtype (私!) を取得します。また、ページには写真アイテム タイプがあり、作成者アイテム タイプと場所アイテム タイプを取得します。1 枚の写真を表示するだけのこれらのページに使用しているのは、これだけです。

ヘッダーにメタ コンテンツを使用して ItemPage を記述します。microdata には可視コンテンツを使用するのが最善であることはわかっていますが、可視コンテンツは後で itemtype Photos 用に保存するのが最善だと思います。

次に、写真を表示する div で itemtype Photograph を定義します。写真のキーワードについては、目に見える説明からそれらを狙うようにしています。しかし、実際にはそれがページに表示したい唯一の表示テキストであり、キーワード (最も重要であると予想される) 用に保存しました。また、「テキスト」itemprop として 2 倍にしました (2 倍にするとフラグが発生しますか?)。ジャンル、説明、詳細な場所など、構造化されたデータが必要ですが、それらがページを乱雑にしたくないので、すべてメタです (これは、表示されることを意図していないデータに対してスキーマが推奨するものです)。私の方法は皆さんに大丈夫に見えますか? どこかに入れ子にする必要がある別の重要なアイテムタイプはありますか? itemprop を役に立たなくするようなことをしたことがありますか (メタ コンテンツの使用など?) アドバイスをありがとう!

ItemPage を構造化する方法と場所 (頭の中):

    <!DOCTYPE html>
<html lang="en"> <div id="HTMLDiv" itemscope itemtype="http://schema.org/ItemPage">
<head>
    <title itemprop="name">Passage Through Time, by Matt Tilghman</title>
    <link href="http://fonts.googleapis.com/css?family=Abel" rel="stylesheet" type="text/css">
    <meta itemprop="keywords" name="keywords" content="blah blah some keywords">
    <meta itemprop="description" name="description" content="description about photo etc">
    <meta name="author" content="Matt Tilghman">
    <span itemprop="author" itemscope itemtype="http://schema.org/Person">
        <meta itemprop="name" content="Matt Tilghman" />
        <meta itemprop="email" content="my email" />
        <meta itemprop="description" content="Photographer of Landscapes from California, North Carolina, South Florida, and New Mexico" />
    </span>

写真を説明する方法と場所 (その div 内):

<div id="Oneonta-Falls-Oregon" class="separate" align="center" itemscope itemtype="http://schema.org/Photograph">   
   <span itemprop="author" itemscope itemtype="http://schema.org/Person">
      <meta itemprop="name" content="Matt Tilghman" />
      <meta itemprop="email" content="my email" />
      <meta itemprop="description" content="Photographer of Landscapes from California, North Carolina, South Florida, and New Mexico" />
   </span>
   <meta itemprop="description" content="Passage Through Time, by Matt Tilghman.  Fine art photograph of Oneonta Falls, in Oneonta Gorge, on the Oregon side of the Columbia River Gorge.  This is the Lower Falls, which is located about a mile upstream from the where the creek meets the Columbia River.">
   <meta itemprop="genre"   content="nature" />
   <meta itemprop="genre"   content="fine art" />
   <span itemprop="contentLocation" itemscope itemtype="http://schema.org/Place">
      <meta itemprop="name" content="Oneonta Gorge">
      <meta itemprop="description" content="Oneonta Gorge is on the Oregon side of the Columbia River Gorge, in the Pacific Northwest region of the United States">
   </span>         
   <a name="Oneonta-Falls-Oregon" href="" title="Passage Through Time" onclick="scroll(name,3); return false">
   <img itemprop="image" src="images/Oneonta-Falls-Oregon-L.jpg" alt="oneonta, gorge, falls, oneonta falls, waterfall, canyon, slot, pacific northwest, oregon, columbia river gorge" >
   </a>
   <br><br>
   <div class="titleL2" itemprop="name">Passage Through Time</div>
   <br>
   <div class="captionL2" itemprop="text">Shown here is <span itemprop="keywords">Lower Oneonta Falls</span>, an <span itemprop="keywords">intimate</span> <span itemprop="keywords">waterfall</span> at the end of <span itemprop="keywords">Oneonta Gorge</span>, on the <span itemprop="keywords">Oregon</span> side of the <span itemprop="keywords">Columbia River Gorge</span>. Oneonta Gorge seems like a <span itemprop="genre">landscape</span> off another planet. It's a narrow <span itemprop="keywords">gorge</span> reminiscent of the <span itemprop="keywords">slot canyons</span> of the American Southwest, but in the middle of a <span itemprop="keywords">lush</span> <span itemprop="keywords">temperate</span> <span itemprop="keywords">rain forest</span>, with walls clad in moss and ferns, dripping with moisture.  While hiking up the gorge, my mind was first struck by the similarity to a slot canyon, but then began to ponder the different ways they were created.  The slot canyons of the Southwest form when rain water drains through existing sandstone channels, further carving them with every downpour.  Oneonta Gorge, however, likely formed as the waterfalls (there are four) eroded their own precipice, marching backwards in time.  As I considered this, the trek upstream began to feel like a march forward in time, mimicking the path of the waterfall but at a much faster pace.  It's a truly remarkable piece of <span itemprop="keywords">wilderness</span>, and well worth the tricky trek over logjams and slippery boulders.</div>
4

1 に答える 1

1

は、私にはよく見えますよ。必ずGoogle 構造化データ テスト ツールを使用して、マイクロデータ マークアップをチェックしてください。

<meta>要素に非常に多くの情報が含まれていることに少し注意が必要です。間違いではありませんが、メンテナンスが必要以上に難しくなる可能性があります。検討する価値のある別の方法は、情報を通常の段落に入れ、CSS を使用してそれらをユーザーから隠すことです。そうすれば、情報が最新であることを確認するために、CSS を無効にするだけで、コンテンツを自然に読むことができます。また、マイクロデータをあまり認識しないインデクサーでもインデックス化できるという利点があります。

于 2012-12-02T11:12:11.090 に答える