كـيـفـيـة وضـع عـلامـة microdata عـلـى الـمـحـتـوى وفـوائدهـا

مــا فــائدة اســتــخــدام الــمــقــتــطــفــات الــمــنــســقــة فــي مــحــتــوى الــصــفــحــة أو مــا يــســمــى ب عــلامــة microdata وكــيــف نــقــوم بوضعها ؟

صـفــحــة الــويــب تـحــتــوي عــلــى مــادة مـكـتــوبــة يـفـهــمــا قــارئ الـصـفــحــة, امــا مــحــرك الـبــحــث فـلــديــه فــهــم مــحــدود فــي مـحــتــوى الـصـفــحــة أو مــا يــجــري مــنـاقـشــتــه فــي الـصـفــحــة. فـبـاضــافــة عــلامــات اضـافــيــة فــي مـحــتــوى HTML لــلـصـفــحــة كــان تــقــول “”يا مــحــرك الـبــحــث، وتــصــف هــذه الــمـعـلــومــات بــذكــر فـيــلــم مــحــدد، أو مــكــان، أو شــخــص، أو الفيديو” هــذا سـيـســاعــد مـحــركــات الـبــحــث والـتــطـبـيــقــات الأخــرى عــلــى فــهــم أفــضــل لــلـمـحــتــوى الــخــاص بــك وعـرضــهــا فــي وسـيــلــة مـفــيــدة وذات صــلــة. الـبـيــانــات الـجــزئيــة لـلــوصــف هــذا عــبــارة عــن مـجـمــوعــة مــن الأكــواد.

دعونا نــبــدأ مــع مـثـال مـلـمـوس. تـخـيـل أن لـديـك صـفـحـة حـول الــفـيـلـم AVATAR - مـع وصـلـة لـمــقـطـوعـة مـن الــفـيـلـم، مــعـلـومـات عـن الـمـخـرج...، كـود HTML الـخـاص بـك قـد يـبـدو هـكـذا :<div>
<h1>Avatar</h1>
<span>Director: James Cameron (born August 16, 1954)</span>
<span>Science fiction</span>
<a href="../movies/avatar-theatrical-trailer.html">Trailer</a>
</div>

لـلـبــدء، وتـحـديــد الـجــزء مــن الـصـفـحــة وهــذا هــو "عــن" الـفـيــلـم AVATAR. لـلـقــيـام بــذلـك، قـم بـإضــافـة عـنــصـر يـشــيـر إلـى itemscope وإلى علامة HTML لــتــرفــق الــمــعــلــومــات حــول هــذا الــبــنــد، مــثــل هــذا الــكــود :

<div itemscope>
<h1>Avatar</h1>
<span>Director: James Cameron (born August 16, 1954) </span>
<span>Science fiction</span>
<a href="../movies/avatar-theatrical-trailer.html">Trailer</a>
</div>

عـنـد إضـافـة الـ itemscope  في كود HTML وفـي وضـمـن <div>…</div> فـانــت تـصــف عــنـصــر مــعـيــن.

ولــكــن هــذا غــيــر كــاف لــلــوصــف لــذا عــلــيــك إضــافــة وصــف لـلــعــنــصــر بــإضــافــة الـ itemtype مــبــاشـرة بــعـد الـ itemscope فيصبح الكود:

<div itemscope itemtype=”http://teqniweb.com/Movie“>
<h1>Avatar</h1>
<span>Director: James Cameron (born August 16, 1954)</span>
<span>Science fiction</span>
<a href="../movies/avatar-theatrical-trailer.html">Trailer</a>
</div>

هــذا يـصــف بــأن الـعـنـصــر داخــل div هــو فــي الـحـقـيـقــة فـيـلــم ومـوجــود فــي teqnieweb.com والـعــنـصـر هـو عـبـارة عـن رابـط URL ضـمـن http://teqniweb.com/Movie وهـذا حـقــيـقـة مـا يـفــهـمـه مـحـرك الــبـحـث.

إشترك في قناتنا على اليوتيوب لتتوصلو بجديد حلقاتنا التقنية
سبحان الله، والحمدلله، ولا إله إلا الله، والله أكبر
إذا أعجبك الموضوع فلماذا تبخل علينا بالردود المشجعة ؟!