تنسيق المحتوى الوافي عن المنتج

تُتيح لك السمة محتوى وافٍ عن المنتج [rich_product_content] إنشاء أوصاف وافية تتضمّن نصًا ووسائط معًا. ويتيح لك المحتوى الوافي تسليط الضوء على الميزات البارزة الخاصة بالمنتجات أو الخدمات. ويمكن تقديم هذا المحتوى باستخدام أنواع ترميز مختلفة، بما في ذلك JSON-LD وRDFa والبيانات الجزئية.

ننصحك باستخدام أداة اختبار البيانات المنظَّمة من Google لاختبار المحتوى الوافي والتأكد من خلوِّه من الأخطاء. يمكن تجربة جميع الأمثلة الواردة في هذه المقالة في أداة الاختبار.

تصف هذه المقالة بُنى البيانات اللازمة للحصول على أشكال مختلفة من المحتوى المنسّق.

ملاحظة: أصبحت Manufacturer Center API متوافقة الآن مع السمة محتوى وافٍ عن المنتج [rich_product_content]. اطّلِع على كيفية البدء باستخدام Manufacturer Center API.

آلية العمل

المحتوى المنسَّق

يتألّف المحتوى المنسَّق من سلسلة قوالب عرض. وكل قالب هو عبارة عن مجموعة ميزات عرض أو معرض وسائط. ويتمّ عرض القوالب رأسيًا في عمود واحد. ويتم تحديد المحتوى المنسَّق باستخدام عنصر من النوع Showcase.

يشكّل النوع Showcase ميزة فرعية للنوع CollectionPage.
الميزة النوع المتوقّع الوصف
showcaseBlock ShowcaseFeatureSet أو MediaGallery هو عبارة عن قالب من المحتوى المنسَّق، ويجب أن يكون القالب مجموعة ميزات عرض أو معرض وسائط.

مجموعة ميزات العرض

تتألّف مجموعة ميزات العرض من عنوان اختياري وتسلسل لميزات العرض. ويمكن عرض مجموعات الميزات في عمود واحد أو عدة أعمدة.

يشكّل النوع ShowcaseFeatureSet ميزة فرعية للنوع ItemList
الميزة النوع المتوقّع الوصف
layoutHint Text هو عبارة عن تلميح اختياري يشير إلى عدد الأعمدة المطلوب استخدامها للعرض. ويتمّ عرض الميزات أولاً في الصفوف ثم في الأعمدة. القيم التالية متوافقة:
  • >
  • LayoutColumns1
  • LayoutColumns2
  • LayoutColumns3
  • LayoutColumns4>

يتمّ تطبيق تعديل التصميم وفقًا لأفضل إمكانيات متاحة، فعلى الشاشات الصغيرة، قد يتمّ استخدام عدد أقلّ من الأعمدة المطلوبة.
headline Text هو عبارة عن عنوان اختياري يصف مجموعة الميزات.
itemListElement ShowcaseFeature

هي عبارة عن ميزة عرض من المجموعة. ويتمّ عرض الميزات أولاً في صفوف ثم في أعمدة.

ميزة العرض

تتألف ميزة العرض من عنوان ووصف وصورة اختيارية.

يشكّل النوع ShowcaseFeature ميزة فرعية للنوع ListItem
الميزة النوع المتوقّع الوصف
layoutHint Text هو عبارة عن تلميح اختياري يشير إلى مكان عرض الصورة بالنسبة إلى العنوان والوصف. القيم التالية متوافقة:
  • LayoutMediaLeft
  • LayoutMediaRight
  • LayoutMediaAbove
  • LayoutMediaBelow
يتمّ تطبيق تعديل التصميم وفقًا لأفضل إمكانيات متاحة، فعلى الشاشات الصغيرة، يمكن أن يتمّ عرض الصورة في موضع مختلف عن الموضع المطلوب.
headline Text عنوان الميزة
description Text وصف الميزة
image URL أو ImageObject صورة اختيارية توضّح الميزة

معرض الوسائط

يتألّف معرض الوسائط من عنوان اختياري وسلسلة من الصور. ويتمّ عرض الصور في عمود واحد أو عدة أعمدة.

يشكّل النوع MediaGallery ميزة فرعية للنوع CollectionPage.
الميزة النوع المتوقّع الوصف
layoutHint Text هو عبارة عن تلميح اختياري يشير إلى عدد الأعمدة المطلوب استخدامها للعرض. ويتمّ عرض الصور أولاً في الصفوف ثم في الأعمدة. القيم التالية متوافقة:
  • LayoutColumns1
  • LayoutColumns2
  • LayoutColumns3
  • LayoutColumns4
يتمّ تطبيق تعديل التصميم وفقًا لأفضل إمكانيات متاحة، فعلى الشاشات الصغيرة، قد يتمّ استخدام عدد أقلّ من الأعمدة المطلوبة.
headline Text عنوان اختياري يتمّ عرضه في أعلى المعرض.
image URL أو ImageObject الصورة المطلوب عرضها في المعرض

ملاحظة حول مساحات الأسماء

إنّ الأنواع Showcase وShowcaseFeatureSet وShowcaseFeature وMediaGallery والميزتان showcaseBlock وlayoutHint هي إضافات مخطّط معرّفة في http://schema.googleapis.com/. ويتمّ تعريف كل الأنواع والميزات الأخرى ضمن http://schema.org/‎.

أمثلة

تنسيق المحتوى المنسَّق الفارغ

المحتوى المنسَّق الأكثر بساطة هو المحتوى الفارغ. وهذا هو الحدّ الأدنى المطلوب للتعبير عن مثال على المحتوى الوافي.
المحتوى المنسَّق الفارغ
JSON-LD

>{
"@context": {
"s": "http://schema.org/",
"g": "http://schema.googleapis.com/"
},
"@type": "g:Showcase"
}
RDFa
<div vocab="http://schema.org/" prefix="g: http://schema.googleapis.com/">
<div typeof="g:Showcase">
</div>
</div>
البيانات الجزئية
<div itemscope itemtype="http://schema.googleapis.com/Showcase">
</div>

ميزة العرض الواحدة المزوّدة بعنوان ووصف ولكن بدون صورة

في ما يلي مثال على المحتوى المنسَّق الذي يتألف من ميزة عرض واحدة بدون صورة.
ميزة عرض واحدة مزوّدة بما يلي:
  • عنوان
  • وصف
JSON-LD
>{
"@context": {
"s": "http://schema.org/",
"g": "http://schema.googleapis.com/"
},
"@type": "g:Showcase",
"g:showcaseBlock": [
{
"@type": "g:ShowcaseFeatureSet",
"s:itemListElement": [
{
"@type": "g:ShowcaseFeature",
"s:headline": "نقدّم لك Google Pixel 3‏",
"s:description": "باستخدام هذا الهاتف، يمكنك تصوير لقطات مثالية دائمًا وإنجاز المهام من خلال "مساعد Google" والاستفادة من بطارية تدوم طوال اليوم، فضلاً عن ميزات أخرى كثيرة."
}
]
}
]
}
RDFa
<div vocab="http://schema.org/" prefix="g: http://schema.googleapis.com/" typeof="g:Showcase">
<div property="g:showcaseBlock" typeof="g:ShowcaseFeatureSet">
<div property="itemListElement" typeof="g:ShowcaseFeature">
<div property="headline" content="نقدّم لك Google Pixel 3‏"></div>
<div property="description" content="باستخدام هذا الهاتف، يمكنك تصوير لقطات مثالية دائمًا وإنجاز المهام من خلال "مساعد Google" والاستفادة من بطارية تدوم طوال اليوم، فضلاً عن ميزات أخرى كثيرة."></div>
</div>
</div>
</div>
البيانات الجزئية
><div itemscope itemtype="http://schema.googleapis.com/Showcase">
<div itemprop="http://schema.googleapis.com/showcaseBlock" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeatureSet">
<div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature">
<div itemprop="http://schema.org/headline" content="نقدّم لك Google Pixel 3‏"></div>
<div itemprop="http://schema.org/description" content="باستخدام هذا الهاتف، يمكنك تصوير لقطات مثالية دائمًا وإنجاز المهام من خلال "مساعد Google" والاستفادة من بطارية تدوم طوال اليوم، فضلاً عن ميزات أخرى كثيرة."></div>
</div>
</div>
</div>

ميزة عرض واحدة مزوّدة بعنوان ووصف وصورة

يمكنك إضافة صورة إلى ميزة العرض.
ميزة عرض واحدة مزوّدة بما يلي:
  • عنوان
  • وصف
  • صورة
JSON-LD
>{
"@context": {
"s": "http://schema.org/",
"g": "http://schema.googleapis.com/"
},
"@type": "g:Showcase",
"g:showcaseBlock": [
{
"@type": "g:ShowcaseFeatureSet",
"s:itemListElement": [
{
"@type": "g:ShowcaseFeature",
"s:headline": "عدسة Google",
"s:description": "تتيح لك "عدسة Google" البحث عن معلومات حول العنصر الذي تراه.",
"s:image": "http://example.com/pixel3-google-lens.png"
}
]
}
]
}
RDFa
><div vocab="http://schema.org/" prefix="g: http://schema.googleapis.com/" typeof="g:Showcase">
<div property="g:showcaseBlock" typeof="g:ShowcaseFeatureSet">
<div property="itemListElement" typeof="g:ShowcaseFeature">
<div property="headline" content="عدسة Google"></div>
<div property="description" content="تتيح لك "عدسة Google" البحث عن معلومات حول العنصر الذي تراه".></div>
<div property="image" content="http://example.com/pixel3-google-lens.png"></div>
</div>
</div>
</div>
البيانات الجزئية
><div itemscope itemtype="http://schema.googleapis.com/Showcase">
<div itemprop="http://schema.googleapis.com/showcaseBlock" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeatureSet">
<div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature">
<div itemprop="http://schema.org/headline" content="عدسة Google"></div>
<div itemprop="http://schema.org/description" content="تتيح لك "عدسة Google" البحث عن معلومات حول العنصر الذي تراه".></div>
<div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-lens.png"></div>
</div>
</div>
</div>

ميزة عرض واحدة مزوّدة بعنوان ووصف وصورة تستخدم تعديلات التصميم

تساعدك تعديلات التصميم على التحكّم في موضع الصورة ضمن ميزة عرض.
ميزة عرض واحدة مزوّدة بما يلي:
  • عنوان
  • وصف
  • صورة
  • التصميم: تظهر الصورة على يسار المحتوى الآخر.
JSON-LD
>{
"@context": {
"s": "http://schema.org/",
"g": "http://schema.googleapis.com/"
},
"@type": "g:Showcase",
"g:showcaseBlock": [
{
"@type": "g:ShowcaseFeatureSet",
"s:itemListElement": [
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaLeft",
"s:headline": "عدسة Google",
"s:description": "تتيح لك "عدسة Google" البحث عن معلومات حول العنصر الذي تراه، ويشمل ذلك الملابس وتصميم الديكور، مع إمكانية نسخ النصوص وترجمتها والتعرّف على المعالم والنباتات والحيوانات، كل ذلك في الوقت الفعلي ومن كاميرا جهازك مباشرةً".,
"s:image": "http://example.com/pixel3-google-lens.png"
}
]
}
]
}
RDFa
><div vocab="http://schema.org/" prefix="g: http://schema.googleapis.com/" typeof="g:Showcase">
<div property="g:showcaseBlock" typeof="g:ShowcaseFeatureSet">
<div property="itemListElement" typeof="g:ShowcaseFeature">
<div property="g:layoutHint" content="LayoutMediaLeft"></div>
<div property="headline" content="عدسة Google"></div>
<div property="description" content="تتيح لك "عدسة Google" البحث عن معلومات حول العنصر الذي تراه، ويشمل ذلك الملابس وتصميم الديكور، مع إمكانية نسخ النصوص وترجمتها والتعرّف على المعالم والنباتات والحيوانات، كل ذلك في الوقت الفعلي ومن كاميرا جهازك مباشرةً."></div>
<div property="image" content="http://example.com/pixel3-google-lens.png"></div>
</div>
</div>
</div>
البيانات الجزئية
><div itemscope itemtype="http://schema.googleapis.com/Showcase">
<div itemprop="http://schema.googleapis.com/showcaseBlock" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeatureSet">
<div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature">
<div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaLeft"></div>
<div itemprop="http://schema.org/headline" content="عدسة Google"></div>
<div itemprop="http://schema.org/description" content="تتيح لك "عدسة Google" البحث عن معلومات حول العنصر الذي تراه، ويشمل ذلك الملابس وتصميم الديكور، مع إمكانية نسخ النصوص وترجمتها والتعرّف على المعالم والنباتات والحيوانات، كل ذلك في الوقت الفعلي ومن كاميرا جهازك مباشرةً."></div>
<div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-lens.png"></div>
</div>
</div>
</div>

مجموعة ميزات عرض تستخدم تعديلات التصميم لتغيير التصميم

يمكنك الاستفادة من تعديلات التصميم لإنشاء تصميمات جذّابة.
مجموعة ميزات عرض فردية مزوّدة بما يلي:
  • أربع ميزات عرض
  • مواضع وسائط متعاقبة في الميزات تؤدي إلى إنشاء نمط متعرّج
JSON-LD
>{
"@context": {
"s": "http://schema.org/",
"g": "http://schema.googleapis.com/"
},
"@type": "g:Showcase",
"g:showcaseBlock": [
{
"@type": "g:ShowcaseFeatureSet",
"g:layoutHint": "LayoutColumns1",
"s:itemListElement": [
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaLeft",
"s:headline": "عدسة Google",
"s:description": "تتيح لك "عدسة Google" البحث عن معلومات حول العنصر الذي تراه، ويشمل ذلك الملابس وتصميم الديكور، مع إمكانية نسخ النصوص وترجمتها والتعرّف على المعالم والنباتات والحيوانات، كل ذلك في الوقت الفعلي ومن كاميرا جهازك مباشرةً.",
"s:image": "http://example.com/pixel3-google-lens.png"
},
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaRight",
"s:headline": "صور ذاتية جماعية",
"s:description": "تتيح لك الكاميرتان الأماميتان في Pixel 3 التقاط صور ذاتية جماعية بدون الحاجة إلى عصا الصورة الذاتية وبدون الحاجة إلى تطوّع أحد أفراد المجموعة لالتقاط الصورة. ويمكنك أيضًا استخدام الميزة لإبراز الخلفية في الصورة الذاتية بدون أن يبدو وجهك كبيرًا جدًا في مقدّمة الصورة.",
"s:image": "http://example.com/pixel3-group-selfies.png"
},
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaLeft",
"s:headline": "الرفاهية الرقمية",
"s:description": "يمكنك الابتعاد عن مصادر التشتيت في هاتفك في أي مكان وزمان ليتسنّى لك الحفاظ على تركيزك مع أفراد عائلتك أو أصدقائك. يمكنك أيضًا ضبط موقّتات على التطبيقات وإيقاف الإشعارات المرئية. ويساعدك وضع "الاستعداد للنوم" على تحويل الشاشة إلى تدرّج رمادي اللون والاستعداد لنوم هانئ خلال الليل.",
"s:image": "http://example.com/pixel3-digital-wellbeing.png"
},
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaRight",
"s:headline": "مساعد Google",
"s:description": "إذا كنت تخطّط للسفر، يمكنك ببساطة التحدث إلى "مساعد Google" للبحث عن أهمّ المعالم السياحية والعثور على رحلة الطيران المناسبة وتتبّع أسعار الرحلات والحصول بسرعة على بطاقة صعود الطائرة. وعند الوصول إلى وجهتك، يمكنك أيضًا استخدام "مساعد Google" للعثور على مطاعم وفعاليات محلية ونشاطات مقترحة بالقرب من الفندق.",
"s:image": "http://example.com/pixel3-google-assistant.png"
}
]
}
]
}
RDFa
><div vocab="http://schema.org/" prefix="g: http://schema.googleapis.com/" typeof="g:Showcase">
<div property="g:showcaseBlock" typeof="g:ShowcaseFeatureSet">
<div property="g:layoutHint" content="LayoutColumns1"></div>
<div property="itemListElement" typeof="g:ShowcaseFeature">
<div property="g:layoutHint" content="LayoutMediaLeft"></div>
<div property="headline" content="عدسة Google"></div>
<div property="description" content="تتيح لك "عدسة Google" البحث عن معلومات حول العنصر الذي تراه، ويشمل ذلك الملابس وتصميم الديكور، مع إمكانية نسخ النصوص وترجمتها والتعرّف على المعالم والنباتات والحيوانات، كل ذلك في الوقت الفعلي ومن كاميرا جهازك مباشرةً."></div>
<div property="image" content="http://example.com/pixel3-google-lens.png"></div>
</div>
<div property="itemListElement" typeof="g:ShowcaseFeature">
<div property="g:layoutHint" content="LayoutMediaRight"></div>
<div property="headline" content="صور ذاتية جماعية"></div>
<div property="description" content="تتيح لك الكاميرتان الأماميتان في Pixel 3 التقاط صور ذاتية جماعية بدون الحاجة إلى عصا الصورة الذاتية وبدون الحاجة إلى تطوّع أحد أفراد المجموعة لالتقاط الصورة. ويمكنك أيضًا استخدام الميزة لإبراز الخلفية في الصورة الذاتية بدون أن يبدو وجهك كبيرًا جدًا في مقدّمة الصورة."></div>
<div property="image" content="http://example.com/pixel3-group-selfies.png"></div>
</div>
<div property="itemListElement" typeof="g:ShowcaseFeature">
<div property="g:layoutHint" content="LayoutMediaLeft"></div>
<div property="headline" content="الرفاهية الرقمية"></div>
<div property="description" content="يمكنك تمضية الوقت مع أصدقائك وأفراد عائلتك في أي وقت ومكان بدون أن يشتت هاتفك انتباهك عنهم. يمكنك أيضًا ضبط موقّتات على التطبيقات وإيقاف الإشعارات المرئية. ويساعدك وضع "الاستعداد للنوم" على تحويل الشاشة إلى تدرّج رمادي اللون والاستعداد لنوم هانئ خلال الليل."></div>
<div property="image" content="http://example.com/pixel3-digital-wellbeing.png"></div>
</div>
<div property="itemListElement" typeof="g:ShowcaseFeature">
<div property="g:layoutHint" content="LayoutMediaRight"></div>
<div property="headline" content="مساعد Google‏"></div>
<div property="description" content="إذا كنت تخطّط للسفر، يمكنك ببساطة التحدث إلى "مساعد Google" للبحث عن أهمّ المعالم السياحية والعثور على رحلة الطيران المناسبة وتتبّع أسعار الرحلات والحصول بسرعة على بطاقة صعود الطائرة. وعند الوصول إلى وجهتك، يمكنك أيضًا استخدام "مساعد Google" للعثور على مطاعم وفعاليات محلية ونشاطات مقترَحة بالقرب من الفندق."></div>
<div property="image" content="http://example.com/pixel3-google-assistant.png"></div>
</div>
</div>
</div>
البيانات الجزئية
<div itemscope itemtype="http://schema.googleapis.com/Showcase">
<div itemprop="http://schema.googleapis.com/showcaseBlock" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeatureSet">
<div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutColumns1"></div>
<div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature">
<div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaLeft"></div>
<div itemprop="http://schema.org/headline" content="عدسة Google‏"></div>
<div itemprop="http://schema.org/description" content="تتيح لك "عدسة Google" البحث عن معلومات حول الغرض الذي تراه، من الملابس وحتى تصميم الديكور، مع إمكانية نسخ النصوص وترجمتها والتعرّف على المعالم والنباتات والحيوانات، كل ذلك في الوقت الفعلي ومن كاميرا جهازك مباشرةً."></div>
<div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-lens.png"></div>
</div>
<div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature">
<div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaRight"></div>
<div itemprop="http://schema.org/headline" content="صور ذاتية جماعية"></div>
<div itemprop="http://schema.org/description" content="تتيح لك الكاميرتان الأماميتان في Pixel 3 التقاط صور ذاتية جماعية بدون الحاجة إلى عصا الصورة الذاتية وبدون الحاجة إلى تطوّع أحد أفراد المجموعة لالتقاط الصورة. ويمكنك أيضًا استخدام الميزة لإبراز الخلفية في الصورة الذاتية بدون أن يبدو وجهك كبيرًا جدًا في مقدّمة الصورة."></div>
<div itemprop="http://schema.org/image" content="http://example.com/pixel3-group-selfies.png"></div>
</div>
<div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature">
<div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaLeft"></div>
<div itemprop="http://schema.org/headline" content="الرفاهية الرقمية"></div>
<div itemprop="http://schema.org/description" content="يمكنك تمضية الوقت مع أصدقائك وأفراد عائلتك في أي وقت ومكان بدون أن يشتت هاتفك انتباهك عنهم. يمكنك أيضًا ضبط موقّتات على التطبيقات وإيقاف الإشعارات المرئية. ويساعدك وضع "الاستعداد للنوم" على تحويل الشاشة إلى تدرّج رمادي اللون والاستعداد لنوم هانئ خلال الليل."></div>
<div itemprop="http://schema.org/image" content="http://example.com/pixel3-digital-wellbeing.png"></div>
</div>
<div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature">
<div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaRight"></div>
<div itemprop="http://schema.org/headline" content="مساعد Google‏"></div>
<div itemprop="http://schema.org/description" content="إذا كنت تخطّط للسفر، يمكنك ببساطة التحدث إلى "مساعد Google" للبحث عن أهمّ المعالم السياحية والعثور على رحلة الطيران المناسبة وتتبّع أسعار الرحلات والحصول بسرعة على بطاقة صعود الطائرة. وعند الوصول إلى وجهتك، يمكنك أيضًا استخدام "مساعد Google" للعثور على مطاعم وفعاليات محلية ونشاطات مقترَحة بالقرب من الفندق."></div>
<div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-assistant.png"></div>
</div>
</div>
</div>

معرض الوسائط: صورة واحدة لإعلان البانر

بالمثل، يمكن استخدام معارض الصور لتحويل الصور إلى صور لإعلانات البانر.
معرض وسائط
  • صورة إعلان بانر واحدة
JSON-LD
{
"@context": {
"s": "http://schema.org/",
"g": "http://schema.googleapis.com/"
},
"@type": "g:Showcase",
"g:showcaseBlock": [
{
"@type": "g:MediaGallery",
"g:layoutHint": "LayoutColumns1",
"s:image": [
"http://example.com/pixel3-pink-fruitpop-banner.png"
]
}
]
}
RDFa
<div vocab="http://schema.org/" prefix="g: http://schema.googleapis.com/" typeof="g:Showcase">
<div property="g:showcaseBlock" typeof="g:MediaGallery">
<div property="g:layoutHint" content="LayoutColumns1"></div>
<div property="image" content="http://example.com/pixel3-pink-fruitpop-banner.png"></div>
</div>
</div>
البيانات الجزئية
><div itemscope itemtype="http://schema.googleapis.com/Showcase">
<div itemprop="http://schema.googleapis.com/showcaseBlock" itemscope itemtype="http://schema.googleapis.com/MediaGallery">
<div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutColumns1"></div>
<div itemprop="http://schema.org/image" content="http://example.com/pixel3-pink-fruitpop-banner.png"></div>
</div>
</div>

ثلاثة قوالب عرض: ميزة واحدة ومجموعة ميزات عرض وصورة واحدة لإعلان البانر

من خلال الجمع بين عدة قوالب عرض، يمكنك إنشاء تصميمات مخصّصة.
ثلاثة قوالب عرض
  • مجموعة ميزات عرض مزوّدة بميزة واحدة
  • مجموعة ميزات عرض تحتوي على ست ميزات في تصميم مؤلّف من 3 أعمدة
  • معرض وسائط مزوّد بصورة إعلان بانر واحدة
JSON-LD
{
"@context": {
"s": "http://schema.org/",
"g": "http://schema.googleapis.com/"
},
"@type": "g:Showcase",
"g:showcaseBlock": [
{
"@type": "g:ShowcaseFeatureSet",
"g:layoutHint": "LayoutColumns1",
"s:itemListElement": [
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaBelow",
"s:headline": "نقدّم لك Google Pixel 3",
"s:description": "يمكنك تصوير لقطات مثالية وإنجاز المهام باستخدام "مساعد Google" والاستفادة من بطارية تدوم طوال اليوم، فضلاً عن ميزات أخرى كثيرة.",
"s:image": "http://example.com/pixel3-main-image.png"
}
]
},
{
"@type": "g:ShowcaseFeatureSet",
"g:layoutHint": "LayoutColumns3",
"s:headline": "الميزات",
"s:itemListElement": [
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaAbove",
"s:headline": "عدسة Google",
"s:description": "تتيح لك "عدسة Google" البحث عن معلومات حول العنصر الذي تراه.",
"s:image": "http://example.com/pixel3-google-lens.png"
},
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaAbove",
"s:headline": "صور ذاتية جماعية",
"s:description": "يمكنك الاستغناء عن عصا الصورة الذاتية بفضل الميزة "صور ذاتية جماعية.",
"s:image": "http://example.com/pixel3-group-selfies.png"
},
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaAbove",
"s:headline": "الرفاهية الرقمية",
"s:description": "يمكنك الابتعاد عن مصادر التشتيت في العالم الرقمي باستخدام ميزة "الرفاهية الرقمية.",
"s:image": "http://example.com/pixel3-digital-wellbeing.png"
},
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaAbove",
"s:headline": "مساعد Google",
"s:description": "يمكنك طرح الأسئلة وإنجاز المهام باستخدام "مساعد Google.",
"s:image": "http://example.com/pixel3-google-assistant.png"
},
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaAbove",
"s:headline": "إيماءة "سكون",
"s:description": "يمكنك التركيز على الأنشطة ذات الأولوية باستخدام إيماءة "سكون.",
"s:image": "http://example.com/pixel3-shhh-gesture.png"
},
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaAbove",
"s:headline": "رصد المكالمات",
"s:description": "يمكنك تكليف "مساعد Google" بالردّ على المكالمات نيابةً عنك باستخدام ميزة "رصد المكالمات.",
"s:image": "http://example.com/pixel3-call-screen.png"
}
]
},
{
"@type": "g:MediaGallery",
"g:layoutHint": "LayoutColumns1",
"s:image": [
"http://example.com/pixel3-pink-fruitpop-banner.png"
]
}
]
}
RDFa
<div vocab="http://schema.org/" prefix="g: http://schema.googleapis.com/" typeof="g:Showcase">
<div property="g:showcaseBlock" typeof="g:ShowcaseFeatureSet">
<div property="g:layoutHint" content="LayoutColumns1"></div>
<div property="itemListElement" typeof="g:ShowcaseFeature">
<div property="g:layoutHint" content="LayoutMediaBelow"></div>
<div property="headline" content="نقدّم لك Google Pixel 3‏"></div>
<div property="description" content="باستخدام هذا الهاتف، يمكنك تصوير لقطات مثالية وإنجاز المهام من خلال "مساعد Google" والاستفادة من بطارية تدوم طوال اليوم، فضلاً عن ميزات أخرى كثيرة."></div>
<div property="image" content="http://example.com/pixel3-main-image.png"></div>
</div>
</div>
<div property="g:showcaseBlock" typeof="g:ShowcaseFeatureSet">
<div property="g:layoutHint" content="LayoutColumns3"></div>
<div property="headline" content="الميزات"></div>
<div property="itemListElement" typeof="g:ShowcaseFeature">
<div property="g:layoutHint" content="LayoutMediaAbove"></div>
<div property="headline" content="عدسة Google‏"></div>
<div property="description" content="تتيح لك "عدسة Google" البحث عن معلومات حول العنصر الذي تراه."></div>
<div property="image" content="http://example.com/pixel3-google-lens.png"></div>
</div>
<div property="itemListElement" typeof="g:ShowcaseFeature">
<div property="g:layoutHint" content="LayoutMediaAbove"></div>
<div property="headline" content="صور ذاتية جماعية"></div>
<div property="description" content="يمكنك الاستغناء عن عصا الصورة الذاتية بفضل ميزة "صور ذاتية جماعية."></div>
<div property="image" content="http://example.com/pixel3-group-selfies.png"></div>
</div>
<div property="itemListElement" typeof="g:ShowcaseFeature">
<div property="g:layoutHint" content="LayoutMediaAbove"></div>
<div property="headline" content="الرفاهية الرقمية"></div>
<div property="description" content="يمكنك الابتعاد عن مصادر التشتيت في العالم الرقمي باستخدام ميزة "الرفاهية الرقمية."></div>
<div property="image" content="http://example.com/pixel3-digital-wellbeing.png"></div>
</div>
<div property="itemListElement" typeof="g:ShowcaseFeature">
<div property="g:layoutHint" content="LayoutMediaAbove"></div>
<div property="headline" content="مساعد Google‏"></div>
<div property="description" content="يمكنك طرح الأسئلة وإنجاز المهام باستخدام "مساعد Google"‏."></div>
<div property="image" content="http://example.com/pixel3-google-assistant.png"></div>
</div>
<div property="itemListElement" typeof="g:ShowcaseFeature">
<div property="g:layoutHint" content="LayoutMediaAbove"></div>
<div property="headline" content="إيماءة "سكون""></div>
<div property="description" content="يمكنك التركيز على الأنشطة ذات الأولوية باستخدام إيماءة "سكون"."></div>
<div property="image" content="http://example.com/pixel3-shhh-gesture.png"></div>
</div>
<div property="itemListElement" typeof="g:ShowcaseFeature">
<div property="g:layoutHint" content="LayoutMediaAbove"></div>
<div property="headline" content="رصد المكالمات"></div>
<div property="description" content="يمكنك تكليف "مساعد Google" بالردّ على المكالمات نيابةً عنك باستخدام ميزة "رصد المكالمات"."></div>
<div property="image" content="http://example.com/pixel3-call-screen.png"></div>
</div>
</div>
<div property="g:showcaseBlock" typeof="g:MediaGallery">
<div property="g:layoutHint" content="LayoutColumns1"></div>
<div property="image" content="http://example.com/pixel3-pink-fruitpop-banner.png"></div>
</div>
</div>
البيانات الجزئية
<div itemscope itemtype="http://schema.googleapis.com/Showcase">
<div itemprop="http://schema.googleapis.com/showcaseBlock" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeatureSet">
<div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutColumns1"></div>
<div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature">
<div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaBelow"></div>
<div itemprop="http://schema.org/headline" content="نقدّم لك Google Pixel 3‏"></div>
<div itemprop="http://schema.org/description" content="باستخدام هذا الهاتف، يمكنك تصوير لقطات مثالية وإنجاز المهام من خلال "مساعد Google" والاستفادة من بطارية تدوم طوال اليوم، فضلاً عن ميزات أخرى كثيرة."></div>
<div itemprop="http://schema.org/image" content="http://example.com/pixel3-main-image.png"></div>
</div>
</div>
<div itemprop="http://schema.googleapis.com/showcaseBlock" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeatureSet">
<div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutColumns3"></div>
<div itemprop="http://schema.org/headline" content="الميزات"></div>
<div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature">
<div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaAbove"></div>
<div itemprop="http://schema.org/headline" content="عدسة Google‏"></div>
<div itemprop="http://schema.org/description" content="تتيح لك "عدسة Google" البحث عن معلومات حول العنصر الذي تراه."></div>
<div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-lens.png"></div>
</div>
<div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature">
<div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaAbove"></div>
<div itemprop="http://schema.org/headline" content="صور ذاتية جماعية"></div>
<div itemprop="http://schema.org/description" content="يمكنك الاستغناء عن عصا الصورة الذاتية بفضل ميزة "صور ذاتية جماعية."></div>
<div itemprop="http://schema.org/image" content="http://example.com/pixel3-group-selfies.png"></div>
</div>
<div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature">
<div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaAbove"></div>
<div itemprop="http://schema.org/headline" content="الرفاهية الرقمية"></div>
<div itemprop="http://schema.org/description" content="يمكنك الابتعاد عن مصادر التشتيت في العالم الرقمي باستخدام ميزة "الرفاهية الرقمية."></div>
<div itemprop="http://schema.org/image" content="http://example.com/pixel3-digital-wellbeing.png"></div>
</div>
<div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature">
<div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaAbove"></div>
<div itemprop="http://schema.org/headline" content="مساعد Google‏"></div>
<div itemprop="http://schema.org/description" content="يمكنك طرح الأسئلة وإنجاز المهام باستخدام "مساعد Google"‏."></div>
<div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-assistant.png"></div>
</div>
<div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature">
<div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaAbove"></div>
<div itemprop="http://schema.org/headline" content="إيماءة "سكون""></div>
<div itemprop="http://schema.org/description" content="يمكنك التركيز على الأنشطة ذات الأولوية باستخدام إيماءة "سكون"."></div>
<div itemprop="http://schema.org/image" content="http://example.com/pixel3-shhh-gesture.png"></div>
</div>
<div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature">
<div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaAbove"></div>
<div itemprop="http://schema.org/headline" content="رصد المكالمات"></div>
<div itemprop="http://schema.org/description" content="يمكنك تكليف "مساعد Google" بالردّ على المكالمات نيابةً عنك باستخدام ميزة "رصد المكالمات"."></div>
<div itemprop="http://schema.org/image" content="http://example.com/pixel3-call-screen.png"></div>
</div>
</div>
<div itemprop="http://schema.googleapis.com/showcaseBlock" itemscope itemtype="http://schema.googleapis.com/MediaGallery">
<div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutColumns1"></div>
<div itemprop="http://schema.org/image" content="http://example.com/pixel3-pink-fruitpop-banner.png"></div>
</div>
</div>

هل كان ذلك مفيدًا؟

كيف يمكننا تحسينها؟

هل تحتاج إلى مزيد من المساعدة؟

جرِّب الخطوات التالية:

اتصل بنا أخبرنا بالمزيد لكي نتمكّن من مساعدتك.
false
بحث
محو البحث
إغلاق البحث
القائمة الرئيسية
3545069654633630132
true
مركز مساعدة البحث
true
true
true
true
true
104514
false
false