السلام عليكم أصدقائي,

بعيداً عن مشاكل AdSense أحببت مشاركتكم بدرس مفصل عن الـ SEO وعن التقنيات التي تعتبر حديثة بعض الشيء بتخصيص نتائح البحث.

الكثير قد يسأل عند بحثه عن مقطع صوتي كيف تظهر مجموعة من المقاطع الصوتية بشكل منظم أسفل عنوان الموقع وكيف يظهر وقت هذه المقاطع وأسم المنشد أو القارئ أيضاً .

اليوم سنتحدث بالتفصيل عن هذه الخاصية والتي أعتبرها شخصياً من أهم أسباب جلب الزوار على الإطلاق.


لنبدأ بعون الله.


التسمية الرسمية لهذه الخاصية "المقتطفات المنسقة – المقاطع الصوتية"

عند ترميز معلومات المقطع الصوتي في نص صفحة ويب، تستطيع Google تحديدها وقد نستخدم هذه المعلومات لعرض روابط مؤدية إلى هذه المقاطع الصوتية أو إلى عينات في مقتطف نتيجة البحث؛

وذلك عندما يبحث المستخدمون عن مجموعات أو مقاطع صوتية. ويمكن للروابط المباشرة المؤدية إلى مقاطع الصوت ومقاطع فيديو في نتائج البحث أن تساعد المستخدمين في التعرف بشكل أفضل على الصفحات المشتملة على محتوى صوتي جيد ووثيق الصلة بالموضوع.



وهذه صورة توضح لنا ماسبق:



شفرة الترميز

المحتوى المرمز باستخدام التنسيق microdata ومفردات MusicRecording schema.org:

رمز Code:
<html> <head> <title>Google4ar أمثلة تدريبة- Rich snippets - للملفات الصوتية</title></head> <body> هذه الصفحة هي مثال فقط على كيفية إستخدام التقنيات الحديثة في عرض النتائج في محرك البحث Search Engineلمعاينة تفاصيل هذه الصفحة كما تظهر في محركات البحث الرجاء زيارة <a href=&quot;http://www.google.com/webmasters/tools/richsnippets?url=http%3A%2F%2Fgoogle4ar.net%2Ftuto rials%2Fsound-micro.html&amp;html=&quot; target=&quot;new&quot;>الصفحة التالية</a> <div itemscope itemtype=&quot;http://schema.org/MusicPlaylist&quot;> <span itemprop=&quot;name&quot;>القرآن الكريم</span> <div itemprop=&quot;track&quot; itemscope itemtype=&quot;http://schema.org/MusicRecording&quot;> 1.<span itemprop=&quot;name&quot;>سورة الحمد</span>- أحمد العجمي <span itemprop=&quot;byArtist&quot;></span> <meta content=&quot;sound-micro.html&quot; itemprop=&quot;url&quot; /> <meta content=&quot;PT0M46S&quot; itemprop=&quot;duration&quot; /> <meta content=&quot;القرآن الكريم&quot; itemprop=&quot;inAlbum&quot; /> </div> <div itemprop=&quot;track&quot; itemscope itemtype=&quot;http://schema.org/MusicRecording&quot;> 2.<span itemprop=&quot;name&quot;>سورة البقرة</span> - <span itemprop=&quot;byArtist&quot;>أحمد العجمي</span> <meta content=&quot;sound-micro.html&quot; itemprop=&quot;url&quot; /> <meta content=&quot;PT1H52M06S&quot; itemprop=&quot;duration&quot; /> <meta content=&quot;القرآن الكريم&quot; itemprop=&quot;inAlbum&quot; /> </div> <div itemprop=&quot;track&quot; itemscope itemtype=&quot;http://schema.org/MusicRecording&quot;> 3.<span itemprop=&quot;name&quot;>سورة آل عمران</span> -أحمد العجمي<span itemprop=&quot;byArtist&quot;></span> <meta content=&quot;sound-micro.html&quot; itemprop=&quot;url&quot; /> <meta content=&quot;PT1H12M18S&quot; itemprop=&quot;duration&quot; /> <meta content=&quot;القرآن الكريم&quot; itemprop=&quot;inAlbum&quot; /> </div> <div itemprop=&quot;track&quot; itemscope itemtype=&quot;http://schema.org/MusicRecording&quot;> 4.<span itemprop=&quot;name&quot;>سورة النساء</span> - أحمد العجمي <span itemprop=&quot;byArtist&quot;></span> <meta content=&quot;sound-micro.html&quot; itemprop=&quot;url&quot; /> <meta content=&quot;PT1H20M17S&quot; itemprop=&quot;duration&quot; /> <meta content=&quot;القرآن الكريم&quot; itemprop=&quot;inAlbum&quot; /> </div> <div itemprop=&quot;track&quot; itemscope itemtype=&quot;http://schema.org/MusicRecording&quot;> 5.<span itemprop=&quot;name&quot;>سورة المائدة</span> - أحمد العجمي <span itemprop=&quot;byArtist&quot;></span> <meta content=&quot;sound-micro.html&quot; itemprop=&quot;url&quot; /> <meta content=&quot;PT53M30S&quot; itemprop=&quot;duration&quot; /> <meta content=&quot;القرآن الكريم&quot; itemprop=&quot;inAlbum&quot; /> </div> </div> </body> </html>

بعد وضع هذا الكود code في ملف HTML أو بعد تطبيقه في موقعك تستطيع معاينة المتغيرات من الرابط التالي : Google Structured Data Testing Tool

ويمكنك تجربة هذه الصفحة التي تحوي الكود code أعلاه :
Google4ar أمثلة تدريبة- Rich snippets - للملفات الصوتية


في ما يلي طريقة عمل هذا النموذج.

يتم تضمين كل مقطع صوتي ضمن :
رمز Code:
<div>

بالشكل التالي :
رمز Code:
<div itemscope itemtype=&quot;http://schema.org/MusicRecording&quot;>

يشير itemscope إلى أن HTML المضمن في <div> يعد عنصرًا، ويشير إلى أن العنصر يعد تسجيلاً صوتياً.itemtype=&quot;http://schema.org/MusicRecording&quot;





يصف كل <div> خصائص التسجيل الصوتي مثل اسمه ومدته. لتصنيف خصائص المقطع الصوتي، بالنسبة إلى كل عنصر يشمل إحدى هذه الخصائص (مثل <div> أو <span> )، يتم تعيين سمة itemprop لهذا العنصر.



جب أن تتوافق خاصية مدة المقطع الصوتي مع مدتها القابلة للتشغيل على الصفحة.

على سبيل المثال، إذا كان بإمكان المستخدم تشغيل معاينة مدتها 30 ثانية فقط لمقطع الصوتي ما على صفحة، فيجب أن تشير خاصية المدة إلى أن المدة تبلغ 30 ثانية،، بدلاً من المدة الكاملة لالمقطع الصوتي.

يحتوي كل المقطع الصوتي على رابط “تشغيل” في عنوان URL حيث يمكن تشغيل المقطع الصوتي. يشير itemprop=&quot;audio&quot; إلى أن الرابط يخص تسجيلاً صوتيًا المقطع الصوتي. وبالمثل، يشير
itemprop=&quot;offers&quot; إلى أن عنوان URL ينتقل إلى صفحة يمكن للمستخدم من خلالها شراء المقطع الصوتي.



وعادةً، لن يعرض محرك البحث Search Engine Google للمستخدم المحتوى غير المرئي.

بمعنى آخر، عليك بشكل عام عدم عرض المحتوى للمستخدمين بطريقة واحدة، واستخدم النص المخفي لترميز المعلومات بشكل منفصل لمحركات البحث وتطبيقات الويب.

ومع ذلك، يمكن الاستفادة في بعض الحالات من تقديم المزيد من المعلومات التفصيلية لمحركات البحث، حتى ولو كنت لا تريد عرض هذه المعلومات لزائري الصفحة. في هذه الحالة، يمكنك استخدام علامة
meta لعرض هذه المعلومات، على النحو التالي:

رمز Code:
<meta itemprop=&quot;duration&quot; content=&quot;PT6M33S&quot; />


الصورة التالية تشرح طريقة لنا القيم القابلة للتغير








إعذروني على التقصير أصدقائي وأي إستفسار لا تتردد بطرحه


المصدر بالعربي


المرجع Google





©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©