حجم صورة صالح لترميز مقتطف JSON-LD

حجم صورة الكمبيوتر الشخصي و AMP لترميز مقتطف JSON-LD صالح

محدث 7.20.2021

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

في جلسة Hangout حديثة لمشرفي المواقع ، تحدث جون مولر من Google عن كيف يخطط عملاق البحث لاستخدام البحث عن الصور لمزيد من المعاملات ، والمزيد من المهام التعليمية ، والمزيد من المهام المتعلقة بالبحث في عام 2020 وما بعده. لقد رأينا ظهور الصور في Rich Cards ومقتطفات الميزات الغنية الأخرى التي تتضمن عناصر مرئية ونتوقع استمرار ذلك. هذا يعني أن وجود حجم صورة صالح هو أكثر أهمية من أي وقت مضى.

دعنا ننتقل إلى أسئلتك الرئيسية على الفور.

هل الصور على صفحات AMP لها متطلبات الحجم؟

نعم. يجب أن تحتوي كل صفحة ويب على صورة واحدة على الأقل أو من الأفضل أن تحتوي على صور عالية الدقة لا تقل عن 800000 بكسل عند ضرب العرض والارتفاع. يجب ألا يقل جانب العرض عن 800 بكسل.

ماذا يعني هذا التحذير: حجم الصورة أصغر من الحجم الموصى به؟

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

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

ما فائدة الالتزام بمواصفات صور AMP؟

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

هل تحتوي صور الشعار أيضًا على متطلبات حجم لصفحات AMP؟

نعم. هناك متطلبات أساسية لتنسيق الشعار والأبعاد والحشو لصفحات AMP. يجب أن يتناسب الشعار مع صندوق بحجم 60 × 600 بكسل ؛ ومع ذلك ، سيتم عرضها في مكتبة AMP بمقاس 16 × 160. يجب أن تكون أبعاد شعارات AMP مربعة بحجم 60 × 600 بكسل.

صورة شعار الموقع

لفهم الاستخدام الشامل للصور في المخطط ، يتم تصنيف "الشعار" و "الصورة" على أنها خصائص فرعية لـ "الصورة". يعني الاستخدام الصحيح اكتساب المزيد من التحكم في ما يتم ملؤه في الرسم البياني المعرفي لشركة Google .

يحتوي كل موقع على شعار (أو يجب أن يكون له شعار) ، ويتيح ترميز logo الصحيح لمشرفي الويب إخبار Google بالصورة التي يريدون استخدامها في عرض الرسم البياني المعرفي.

تقول إرشادات الصور من Google ، "يمكنك تحديد الصورة التي يجب أن يستخدمها Google كشعار لمؤسستك في نتائج البحث والرسم البياني المعرفي. للقيام بذلك ، أضف ترميز schema.org Organization إلى موقعك الرسمي على الويب والذي يحدد موقع شعارك المفضل ".

تستمر قدرة الشركة على تعزيز موقعها في SERPs في النمو ، وتعتمد خوارزميات Google الآن بشكل أكبر على هذا النوع من الترميز . يوفر Schema.org قائمة بإصداراته الجديدة. تم توفير مخطط للصور لبعض الوقت. ذكر الإصدار 1.7 في 8 يوليو 2014: "هذا الإصدار يعدل خاصية الصورة ، مع الإشارة إلى أن ImageObject هي قيمة معقولة." وهو يتطور بسرعة ، لذلك لدى الشركات المزيد من الفرص لاستخدام العلامات.

تقوم Google بتحديث إرشادات صور البيانات المنظمة الخاصة بها

تتبع Google نهجًا أكثر تنظيماً مع التفاصيل في صورة البيانات المنظمة لاستخدام الصور.

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

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

كانت الإرشادات السابقة التي كان لدينا شحيحة ولم تقل سوى القليل عن تقديم صورة ؛ ومع ذلك ، يجب على الأفراد الذين ينفذون المخطط الآن الالتزام بالإرشادات الجديدة التي تعتبر أكثر وصفية. هناك إرشادات جديدة لا تحتاج إلى تفكير: " يجب أن تكون عناوين URL للصور قابلة للزحف والفهرسة ".

في السابق ، كنا بحاجة فقط إلى توفير عنوان URL لكل صورة. تشير Google الآن إلى أنها تريد "الحقل المتكرر لـ ImageObject أو URL". في حين أن القليل من صفحاتنا لا تحتوي على صورة ، تقول الإرشادات الجديدة ، " يجب أن تحتوي كل صفحة على صورة واحدة على الأقل ، ولا تحدد أن هذا للصفحات والمشاركات التي تتضمن ترميز مخطط فقط. قد يعني الاختلاف ما إذا كان المحتوى الخاص بك يظهر في بطاقات Google الشائعة أم لا.

توصي Google باستخدام content = "max-image-preview: large" لتشجيع الترتيب في Google Discover لعناوين URL التي ليست بتنسيق AMP.

يكتشف Google كيانات الويب ذات الصورة المحلية

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

لكننا نعلم الآن أن Google ستختار الصورة التي تفضل عرضها في نتائج البحث من خلال مراعاة نسبة ودقة كل صورة. من المثير للاهتمام أنه تمت الإشارة الآن إلى "الدقة" ، مما يشير إلى إدراك أن المستخدمين يتعلمون الكثير عن الصفحة من الصور المستخدمة عليها وأن Google تحدد المزيد حول العوامل المهمة في اختيار الصورة. قم بإجراء تدقيق كامل لموقع الويب بحثًا عن فرص تحسين كيفية استخدام صورك بشكل أكثر فعالية في البحث المرئي.

أي صورة قديمة فقط ليست مفيدة للمشاهدين ، لذلك بطبيعة الحال ، كنا نعلم طوال الوقت أن الصور يجب أن تكون ذات صلة بالمحتوى المرمز بالمخطط. التغيير الواضح هو أن Google كشفت الآن أنها تفضل مجموعة من الصور بنسب أبعاد مختلفة. مثل المحتوى الرائع ، يجب أن تركز صورك على المستهلك وأن تجذب جمهورك . نتعلم أنه "للحصول على أفضل النتائج ، قم بتوفير العديد من الصور عالية الدقة (بحد أدنى 800 كيلو بكسل عند ضرب العرض والارتفاع) بنسب العرض إلى الارتفاع التالية: 16 × 9 ، 4 × 3 ، 1 × 1."

إذا كنت تستخدم خاصية صورة thumbnailUrl ، فسيتم تفعيل نفس الإرشادات - بما في ذلك التوصية الخاصة بنسب عرض إلى ارتفاع متعددة. لم يسير كل شيء في الاتجاه الذي يجعلنا أكثر تحديدًا. بينما كان التلفزيون والأفلام يحتاجون سابقًا إلى صورة "بعرض 140 بكسل × 210 بكسل على الأقل ، مع نسبة عرض إلى ارتفاع تبلغ 2: 3" ، يتم حاليًا استبدال هذه المواصفات بتنسيقات الصور "القياسية" الجديدة ، مما يعني دعوة Google لـ "16 × نسب العرض إلى الارتفاع 9 و 4 × 3 و 1 × 1 بوصة.

سيسعد مشرفو المواقع الذين يواجهون مهمة الرجوع إلى الصورة السابقة وتحديثها واستبدالها للامتثال لطلبات صور البيانات المنظمة الجديدة من Google بمعرفة أن إرشادات صورة المقالة لم تتغير. يحتفظون بنفس المواصفات لعرض بكسل الصورة: عنوان URL لصورة تمثل المقالة. يجب فقط تحديد الصورة المميزة التي تنتمي مباشرة إلى المقالة. في السابق ، كان يجب ألا يقل عرض الصور عن 696 بكسل ؛ تأكد من مواكبة أفضل ممارسات Google للحصول على فرصة أفضل لعرض صورك في خرائط Google .

صورة المقالة

كما هو موجود حاليًا بالضبط في إرشادات Google: “ImageObject؛ مطلوب (AMP) ، موصى به (غير AMP)

إرشادات إضافية للصور:

• يجب فقط تحديد الصورة المميزة التي تنتمي مباشرة إلى المقالة.
• يجب ألا يقل عرض الصور عن 1200 بكسل (عرض 696 بكسل سابقًا).
• يجب أن تحتوي كل صفحة على صورة واحدة على الأقل (سواء تم تضمين الترميز أم لا). ستختار Google أفضل صورة لعرضها في نتائج البحث بناءً على نسبة العرض إلى الارتفاع والدقة.
• يجب أن تكون عناوين URL للصور قابلة للزحف والفهرسة.
• يجب أن تمثل الصور المحتوى المرمز.
• يجب أن تكون الصور بتنسيق .jpg أو .png أو. تنسيق gif.
• للحصول على أفضل النتائج ، قم بتوفير العديد من الصور عالية الدقة (بحد أدنى 800000 بكسل عند ضرب العرض والارتفاع) بنسب العرض إلى الارتفاع التالية: 16 × 9 و 4 × 3 و 1 × 1.

كيفية الحصول على مقال مثالي ، مدونة ، وصورة نشر مدونة في منشورات Google الخاصة بك

قد تزيد مواقع التجارة الإلكترونية المبيعات باستخدام مخطط صورة المنتج الصحيح.

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

يجب أن تحتوي كل صورة في الصفحة على علامة بديل تتعلق بموضوع الصفحة وتدعم هدف البحث المطابق .

توفر Google تفاصيل شاملة حول طريقة عرض صورة المقالة.

اعتبارًا من 6 كانون الثاني (يناير) 2017 ، طُلب منا أن يكون لدينا ترميز مخطط صورة بحجم صورة وفقًا للإرشادات التالية:

* عرض الصورة 400 بكسل على الأقل

* الصورة ذات نسبة عرض إلى ارتفاع لا تزيد عن 5: 2 (العرض: الارتفاع).

عندما يفشل عرض صورة + Snippet الخاصة بك

يكشف Google عن سبب محتمل للسبب التالي: "لا يتم تضمين الصور الصغيرة جدًا أو غير المربعة بدرجة كافية في + Snippet ، حتى إذا تمت الإشارة إلى الصور صراحةً بواسطة بيانات schema.org الجزئية أو ترميز Open Graph. على وجه التحديد ، يجب ألا يقل الارتفاع عن 120 بكسل ، وإذا كان العرض أقل من 100 بكسل ، فيجب ألا تكون نسبة العرض إلى الارتفاع أكبر من 3.0 ".

حجم صورة الفيديو المصغرة

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

يجب توفير صورة thumbnailUrl Url تشير إلى ملف الصورة المصغرة للفيديو الذي يمكن عرضه في صفحات نتائج محرك البحث (SERPs). "يجب أن تكون الصور 160 × 90 بكسل على الأقل و 1920 × 1080 بكسل على الأكثر. نوصي بالصور بتنسيقات .jpg أو .png أو .gif. يجب أن تكون جميع عناوين URL للصور قابلة للزحف والفهرسة. خلافًا لذلك ، لن نتمكن من عرضها على صفحة نتائج البحث ، "صرح Google حاليًا.

يتم تقديم أفضل ممارسات الصورة المصغرة المخصصة التالية لحجم صورة الفيديو ودقتها: "يجب أن تكون صورتك المصغرة المخصصة بأكبر حجم ممكن ، حيث سيتم أيضًا استخدام الصورة كصورة معاينة في المشغل المضمن. نوصي بالصور المصغرة المخصصة:

* بدقة 1280 × 720 (بحد أدنى للعرض 640 بكسل).

* يتم تحميلها بتنسيقات صور مثل .JPG أو .GIF أو .BMP أو .PNG.
ابقَ أقل من 2 ميغا بايت.

* حاول استخدام نسبة عرض إلى ارتفاع تبلغ 16: 9 لأنها الأكثر استخدامًا في مشغلات YouTube والمعاينات ".

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

AMP IMAGE CAROUSEL

يستخدم ملف amp-carousel-0.1.js width: 100% . تعتمد المبرمجات على النوع carousel لعرض قائمة بالصور ذات الحجم المتماثل كشريط متصل. يستخدم مكون amp-carousel بشكل مثالي مساحات الشاشة الأصغر على الهواتف الذكية للسماح لمشاهدي الجوال بالاختيار من بين العديد من الصور المصغرة المتشابهة للمحتوى المقدم من خلال النقر على صورة على طول محورها الأفقي.

مقالة RelayMedia بعنوان Spread the Carousel Love ** ، تقود بالقول "يجب على أي ناشر يتردد بشأن AMP أن يفكر في الفرصة التي يفوتها. لا يوجد خطر أساسي في نشر مقالات AMP ، وهناك الكثير الذي يمكن تحقيقه من حيث شهرة البحث والتعلم ".

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

تستخدم صفحة AMP حسب المثال عرضًا بمقدار 400 بكسل × 300 بكسل لارتفاع كل صورة دائرية.

معرض الصور بدون AMP

صفحة ليست AMP مع معرض صور للبيانات المنظمة

إذا لم يكن موقعك جاهزًا للاستفادة من مزايا AMP حتى الآن ، فيمكن أيضًا أن تصبح الصفحات التي ليست بتنسيق AMP نتيجة منسقة في قائمة نتائج غنية بـ SERP ، أو في مكتبة تعرض صفحات ويب مشابهة بخلاف صفحات AMP. يمكن أن تتضمن النتائج المنسّقة عناوين رئيسية وصورًا. على الرغم من أن Google تحاول استخراج معلومات كافية تلقائيًا ، حتى تتمكن المواقع من التأهل لمثل هذه الميزات ، إذا كانت صفحة الويب قد نفذت البيانات المنظمة بشكل صحيح ، فيمكن أن تساعد محركات البحث في تفسير المحتوى الخاص بك بشكل أفضل وتحسين احتمالية الحصول على صورة بطاقة غنية أو صورة دائرية نتيجة. دخلت بيانات المخطط في ممارسات تحسين محركات البحث التأسيسية .

صورة مصغرة ذات صلة بالشيء


"primaryImageOfPage": {
"description": "Indicates the main image on the page.",
"$ref": "file://imageobject.json"
},
"image": {
"oneOf": [
{
"$ref": "file://imageobject.json"
},
{
"type": "string",
"format": "uri"
}
],
"description": "An image of the item. This can be a href=\"https://schema.org/URL\">URL or a fully described href=\"https://schema.org/ImageObject\">ImageObject."
},
"thumbnailUrl": {
"type": "string",
"description": "A thumbnail image relevant to the Thing.",
"format": "uri"
},


Github JSON Schema Form Repository هو موقع مثالي للمشاركة في جمع أمثلة التعليمات البرمجية والمساهمة في كيفية توسع هذه المنطقة من الويب. نظرًا لأن Google تهتم كثيرًا باستعلامات البحث بغرض المعاملات ؛ أنواع جديدة من ترميز مخطط التجارة الإلكترونية آخذة في الظهور كما أنها تتوسع .

لماذا تحتاج المواقع إلى تحسين البحث عن الصور

أبلغ راند فيشكين عن تحليله للبحث عن الصور على Google في مقال بتاريخ 14 آذار (مارس) 2017 بعنوان حالة سلوك الباحث الذي تم الكشف عنه من خلال 23 إحصائية رائعة .

أبلغ راند عن تحليله لبحث الصور في Google على بيانات Jumpshot و Moz ووجد أن:

• Google Image Search هو ثاني أكثر منصات البحث استخدامًا بعد Google.com مباشرةً في المركز الأول.

• عمليات البحث الخاصة به هي أكثر من أهم 10 خصائص ويب متبقية مجتمعة.

• أكثر من 10 أضعاف أي بحث على Bing أو Yahoo.

• لقد سجلوا أكثر من 40 ضعفًا لعدد عمليات البحث عن الصور داخل منصة Facebook.

صرح راند أنه "نظرًا لأن الأشخاص ينجذبون بشكل طبيعي إلى الصور ولأن Google تستخدم بيانات النقر لعرض الصور التي تحقق أكبر قدر من التفاعل على وجه التحديد" ، فإن المزيد من النقرات تحدث من كتلة الصورة. مع الاستخدام المتزايد لترميز JSON ، فإن إضافة هذا المخطط بشكل صحيح يمنح المواقع التي ندير رؤية محسنة في SERPs.

تفاصيل الصورة المحددة الدقيقة موجودة في إرشادات مخطط Google

تعتمد الكثير من التقنيات المبتكرة اليوم للتعرف على الصور على تقنية التعلم العميق ، وهي شكل متقدم من التعلم الآلي ، والنجاح المتقدم للذكاء الاصطناعي. احتاج محترفو البحث الدلالي سابقًا إلى الالتزام بإرشادات أقل صرامة عند استخدام خاصية image لترميز المخطط الذي ينطبق على LocalBusiness ومقال و NewsArticle. في البداية ، كان عنوان URL للصورة فقط ضروريًا. ثم ذكر أن "[a] URL ، أو قائمة عناوين URL التي تشير إلى ملف (ملفات) الصورة التمثيلية" ، جنبًا إلى جنب مع الاقتراحات. تم تحويل العديد من الاقتراحات المبكرة الآن إلى قواعد ، خاصة بالنسبة للمقالات.

تسعى الإرشادات المنقحة الآن إلى التأكد من أن ظهور الصورة نفسها يضيف قيمة إلى الصفحة. في حين أن GoogleBot لا يراها بالعين البشرية ، يقول عملاق البحث الآن أن الصورة يجب أن تكون "صورة تمثيلية للمقال ... التي تنتمي مباشرة إلى المقالة."

إعطاء الأولوية للصور ضمن المحتوى الدائم الخضرة الخاص بك. بالنظر إلى أن المقالة قد تحتوي على عدة صور بداخلها ؛ يؤدي هذا إلى إزالة التخمين من عملية التحديد لمحرك بحث عند عرض المقالة مع مقتطف الصورة المصاحب. من المثير للاهتمام أيضًا أن يتم توجيه الحد الأدنى للحجم: "يجب أن يكون عرض السحراء 696 بكسل على الأقل." قد يظن المرء أن هذا يشير إلى قيمة الصورة على الصفحة وأنه لا ينبغي أن يكون حجم مصغر مزعج.

يشير الشرط الحالي الذي يقضي بضرورة تضمين ارتفاع الصورة وعرضها إلى حقيقة أن إعلان URL البسيط image لم يعد مدعومًا للمقتطفات المنسقة للمقالات وسيؤدي إلى حدوث خطأ فادح. لا يوجد خطأ في افتراض أن هذا جزء من تنبيه Google لمساعدة مشرفي المواقع على الانتقال إلى Accelerated Mobile Pages (AMP). من المفترض أن يتم تحميل عناصر AMP بسرعة ويتم حذف الكثير أو تحديده عندما يتعلق الأمر بتنسيق مقالة الجوال. قم بتضمين نظرية AMP لتحسين تجارب المستخدم في تصميم UX الخاص بك.

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

بينما كان يُطلب amp-img سابقًا أن العلامة "يجب أن تتضمن عرضًا وارتفاعًا صريحين" ، أصبح الأمر نفسه الآن عالميًا لأجهزة سطح المكتب. بالنسبة لمصممي الويب الذين يعتمدون على استخدام عناوين URL النسبية لإدراج الصور ، يجب عليهم ضبط AMP ، حيث يستدعي إعلان عنوان URL الخاص بـ ImageObject عنوان URL مطلقًا بدلاً من إصدار عنوان URL النسبي. يكون هذا منطقيًا عند التفكير في المهام التي يضطلع بها المتصفح من أجل عرض صفحة ويب. في المجمل ، يؤدي ذلك فقط إلى إبطاء Google في الاضطرار إلى تحليل الكود من أجل حساب أبعاد الصورة.

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

صور التجارة الإلكترونية CAROUSEL المنتج

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

يمكن أن تكون الصورة الموجودة في مقتطف منسق صالح ونتيجة بحث صور غنية بمعلومات المنتج التي يريدها متسوقو التجارة الإلكترونية . ملاحظة: يمكن لمصمم الويب الخاص بك عرض دوارات المنتجات داخل أي منطقة من موقع التجارة الإلكترونية الخاص بك باستخدام ميزة تصميم المنتج الدائري ؛ يختلف عن اختيار Google طوعًا لعرض منتجك في استخدام الرف الدائري في نتائج منسقة للتجارة الإلكترونية في mombile .

طرق تحديد أبعاد صورة JSON-LD

بناءً على السيناريو ، حاول إضافة تعليق توضيحي أولاً باستخدام JSON-LD ، ما لم تحدد الإرشادات تنسيقًا مختلفًا كما هو مفضل.

عند استخدام ترميز JSON-LD ، فإن قيم الصورة بدون استخدام علامات الاقتباس هي "أرقام" ، بينما القيم التي يتم التعبير عنها داخل علامات الاقتباس هي "سلاسل". هذا يعني أن المبرمج يحتاج إلى أن يكون متعمدًا لتجنب علامات الاقتباس عندما تكون القيمة الرقمية هي نتيجة الرغبة.

من الطرق الشائعة لتحديد ارتفاع الصورة وعرضها هي "width": "600px" ، ولكن بالنسبة للعديد من المتصفحات الحديثة ، يطرح هذا مشكلة القيمة المتوقعة لـ "العرض" ، نظرًا لأنها تتوقع "مسافة" أو "كوانتيتي فاليو" . تم تغيير الاختبارات التي تتضمن "العرض": "600 بكسل" بواسطة Google إلى:


"width":{
"@type":"Intangible",
"name":"600px"
}

لا يزال هذا يفتقر إلى المعلومات حول نوع وحدة القياس المستخدمة. حاول استبدال "Distance" باستخدام شيء مثل هذا:


"width":
{
"@type":"Distance",
"name":"600 px"
}

فكر فيما وراء نقطة الحصول على ترميز صالح هنا لأنه لا يزال يترك قدرًا من الغموض فيما يتعلق بوحدة القياس ويجبر محركات البحث على محاولة اكتشاف المقصود باستخدام "px". نفضل استخدام أداة البيانات الهيكلية Linter ، فهي تحب الصور التي تستخدم "QuantitativeValue" بدلاً من ذلك:

"contentSize":"298 Bytes",
"width": {
"@type": "QuantitativeValue",
"value": "700"
},
"height": {
"@type": "QuantitativeValue",
"value": "490"
}
},

يجب أن تكون عناوين URL التي تصف كيانات الصورة مستقرة ولا تعتمد على البيانات المتغيرة. سيتم تفسير هذا المثال لترميز الصور كمرجع ، وليس سلسلة حرفية ، لأنه (في وقت النشر) ، يحدد سياق schema.org JSON-LD الصورة لتكون من النوع @id:
مثال على مقتطف سياق schema.org لترميز صورة JSON:

{
"@context": {
...
"image": { "@id": "schema:image", "@type": "@id"},
...
}
}
إذا لم يتم التعبير عنها على هذا النحو في سياق بعيد ، فقد يتم (إعادة) تعريف المصطلحات المعينة في سياق محلي:

مثال على علاقة الصورة المكتوبة:

{
"@context": ["https://schema.org", {
"image": { "@id": "schema:image", "@type": "@id"}
}],
"id": "https://www.wikidata.org/wiki/Q22686",
"type": "Person",
"name": "Donald Trump",
"givenName": "Donald",
"familyName": "Trump",
"jobTitle": "President-elect of the United States of America",
"image": "https://en.wikipedia.org/wiki/Donald_Trump"
}

نظرًا لأن الأشخاص يتعاملون جيدًا مع الصور ، وينمو البحث عن الصور في Google ، فمن المهم أن تفهم كيف تمثل الصور عملك وبناء علامتك التجارية .

يساعد توصيف JSON على فهم المكونات المرئية للمقالة

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

بدون هذا الإعداد ، يفشل المكون الإضافي في التعرف على الصورة التي تمثل محتوى المقالة بشكل أفضل. يعتمد المكون الإضافي على هذه المعلومات لإضافة ImageObject مع أبعاد حجمه. سواء كان موقعك يعتمد على المكونات الإضافية أم لا ، فإن بعضًا من أفضل أدوات تحسين محركات البحث لتحري المشكلات وإصلاحها موجودة في Google Search Console .

يوصي آرون برادلي من SEO Skeptic بأن "الفوائد التي تأمل Google في اكتسابها من ترميز المقالات ، بشكل عام ، هي القدرة على التلاعب بالمقالات بشكل أفضل في نظام Google البيئي نظرًا لفهم أفضل لمكونات المقالة ومصدرها ، بدلاً من استخدام الترميز من أجل فهم أفضل لما تدور حوله المقالة ". *******

الآن قم بدمج هذا الفكر مع العبارة المألوفة القائلة بأن الصورة تساوي ألف كلمة ، واجمع بين كل من اختيار الصورة القوي والبيانات الهيكلية المناسبة حولها.

ملاحظة: استخدم فاصلة للإشارة إلى المزيد من الخصائص القادمة. على سبيل المثال ، هذا مطلوب عند تضمين صور متعددة. لا تستخدم الخاصية الأخيرة "صورة" فاصلة. اختبر الكود الجديد الخاص بك ، وتأكد من استبدال أي أخطاء بالصيغة الصحيحة.

اقتراحات صور إضافية

فيما يلي رأي شركة Hill Web Marketing فقط ، بالإضافة إلى وجود حجم صورة صالح:

1. تجنب معرض الصور الفوتوغرافية عند الإمكان

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

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

نظرًا لقوة الصورة ، استثمر قليلاً من التصوير الفوتوغرافي الاحترافي الأصلي. ارتدي ملابسك ولكن لا تزال تبدو طبيعية في يوم الصورة. ما لم تكن واضحة ، تخطي تعديل العيوب الطفيفة ؛ الصورة التي تنقل الجمالية هي أكثر أهمية من التباهي بحالة الوجود "المصقولة".

الخطأ الأكثر شيوعًا عند استخدام التصوير الفوتوغرافي للمخزون هو اختيار اختيار صور عشوائية بدلاً من تلك التي ترتبط بشكل كافٍ بموضوع المقالة أو منشور المدونة. لحماية اعتمادك على الصور المخزنة ، في حالة الشراء ، انتقل إلى موقع مثل Getty Images أو Fotolia حيث تكون جودة الصورة العامة أعلى. تأكد من أن لديك صورًا يمكن أن تزيد من تفاعل المستهلك في حملاتك في إعلانات Google .

بعد إجراء دراسة حول استخدام الصور على 41 مدونة في مجالات مختلفة عبر الإنترنت ، خلص نيل باتيل ****** إلى أنه "في المتوسط ​​، عندما تستخدم إحدى المدونات صورة فوتوغرافية ، تلقت 152 تغريدة و 83 إعجابًا على Facebook". شاهد كيف تساهم صورتك أو تشتت انتباهك مع منصاتك الاجتماعية وإذا لزم الأمر ، قم بإشراك مدير تسويق عبر وسائل التواصل الاجتماعي محترف .

2. استخدم الضغط لتحميل الصور بشكل أخف

لاحظ أنه في الصورة أعلى صفحتنا ، تكون الخلفية باهتة ، مما يقلل الدقة في تلك المساحات بينما من الممكن ترك جانب دقة أعلى في النقطة المحورية لهذا الرسم ، المرأة.

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

مقدمًا ، تعرف على تنسيق الصورة الذي يجب استخدامه والذي يعمل بشكل أفضل لضغط الصور. على سبيل المثال ، يؤدي تحويل ملف GIF (غير متحرك) إلى صورة PNG إلى تقليله بنسبة 21٪ في المتوسط. يعلن Guy Podjarny *** أن "تحويل ملف PNG (غير شفاف) إلى JPEG يمكن أن يوفر مدخرات أكبر ، وغالبًا ما يقلل حجم الملف بمقدار 3-5x. يمكن للتنسيقات الجديدة مثل WebP و JPEG XR أن تأخذها إلى أبعد من ذلك وتنقل نفس الصورة المرئية بنسبة 25-50٪ بايت أقل ".

3. إصلاح المشكلات التي تعيق تحميل الصور بشكل أسرع

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

4. يجب أن تتناسب الصور مع الغرض من الصفحة وموضوعها

يستغرق الأمر مزيدًا من الوقت ليكون مقصودًا ، ولكن يجب أن تتناسب الصورة الرئيسية على الصفحة بشكل واضح مع الغرض من الصفحة.

أفاد نيل أيضًا أنه عند استخدام الرسوم البيانية وصور المخططات ، حصل على أكبر عدد من عمليات التتبع. "في المتوسط ​​، تلقوا 258٪ من عمليات التعقب أكثر من مشاركات المدونات التي تحتوي على أنواع أخرى من الصور."

قد تساعد إضافة المزيد من الصور إلى الصفحات ذات المحتوى الطويل في تفكيك كتل النص الطويلة وتقوية وجهة نظرك.

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

يقول Hubspot ، "إذا تم إقران الصورة ذات الصلة بنفس المعلومات ، فقد احتفظ الأشخاص بنسبة 65٪ من المعلومات". 3 يناير 2017 2 إحصائيات تسويق المحتوى المرئي التي يجب أن تعرفها في مقالة 2017 . *

5. إشراك رسومات مرسومة باليد ، ورسومات ثلاثية الأبعاد ، وصور متحركة

استخدم حجم صورة صالحًا لجميع ترميز JSON-LD المؤهل.

تحظى الرسومات المرسومة يدويًا أو ثلاثية الأبعاد أو الصور المتحركة بشعبية وتكون أقل وزناً بشكل عام ، خاصة عند استخدام خلفية فاتحة. ألقِ نظرة سريعة على الصور التي استخدمها راند فيشكين في منشوراته الشهيرة المدوّنة في مدونته White Broad Friday (moz.com/blog/). ربما لا تكون "خلفية الباستيل" هي مظهر علامتك التجارية ، ولكن من المحتمل أن يتم اختيارها لسبب وجيه. إذا لم يكن لديك الوقت لإنشاء هذه الأنواع من الصور أو الإعجاب بها ، فحاول استخدام الرسوم البيانية أو الرسوم البيانية أو التصوير الفوتوغرافي للأوراق المالية.

ضع في اعتبارك متطلبات حجم الصورة لاستخدام ترميز المخطط. لماذا نحصر الاستخدام المستقبلي للصفحة بالتركيز فقط على المظهر المرئي للصورة؟

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

لماذا حجم الصورة الصالح مهم؟

الناس متعلمون بصريون أقوياء. تنقل صورك ارتباطًا بموضوعك وبك شخصيًا. الفرص الجديدة في SERPs الغنية تمنح علامتك التجارية عرضًا أفضل. سيسمح لك امتلاك خطة تسويق رشيقة بتلبية متطلبات حجم الصورة الناشئة بشكل أفضل.

"الويب يزداد ثراءً بالصور. بين شاشات الهاتف المحمول عالية الدقة والتصميم على غرار Pinterest ورسومات الخلفية الكبيرة ، تضاعف متوسط ​​حمولة الصور في السنوات الثلاث الماضية. في حين أن هذه الصور جذابة بصريًا ، إلا أنها تحمل تكلفة أداء كبيرة - وإذا لم يتم تحسينها بشكل صحيح - يمكن أن تجعل تجربة الويب بطيئة ومؤلمة ، بغض النظر عن مدى جمالها ". - جاي بودجارني في أوريلي

"هل تعلم أن 90٪ من المعلومات المنقولة إلى الدماغ هي معلومات مرئية؟ يعالج الدماغ أيضًا الصور المرئية أسرع بـ 60 ألف مرة من النصوص ، وقد أظهرت الدراسات أن 40٪ من الأشخاص يستجيبون بشكل أفضل للصور مقارنة بالنص العادي "، كما يقول موقع shiftelearning.com **** بمعنى أنه استثمار يستحق الوقت للبحث في مجالك السوقي لفهم أنواع الصور التي تحفز الاتصال بالمستخدمين. بمجرد تحسين أحجام الصور والتوصيفات الخاصة بك ، قم بإرسال ملف sitemap.xml للصور. يمكن لـ Google فهرسة صورك بالإضافة إلى عناوين URL للصفحة .

كيف تستخدم Google بعض الصور لتسليط الضوء على معلومات واقعية وموثوقة

كيف تعمل JSON-LD وصورك بجد لبناء رؤية علامتك التجارية وتناول الطعام.

"تعد الصور ومقاطع الفيديو طريقة رائعة لمساعدة الأشخاص على فهم ما يحدث في العالم. لكن قوة الوسائط المرئية لها عيوبها - لا سيما عندما تكون هناك أسئلة حول أصل أو أصالة أو سياق الصورة. بدءًا من اليوم ، نعرض معلومات التحقق من الحقائق في صور Google على مستوى العالم لمساعدة الأشخاص في التنقل في هذه المشكلات وإصدار أحكام أكثر استنارة حول ما يرونه على الويب. يعتمد هذا على ميزات التحقق من صحة الأخبار في البحث والأخبار ، والتي يصادفها الأشخاص مليارات المرات سنويًا.

الآن ، عند البحث في صور Google ، قد ترى تسمية "Fact Check" أسفل نتائج الصورة المصغرة. عندما تنقر على إحدى هذه النتائج لعرض الصورة بتنسيق أكبر ، سترى ملخصًا للتحقق من صحة الأخبار على صفحة الويب الأساسية. قد تظهر هذه التصنيفات لكل من مقالات التحقق من صحة الأخبار حول صور معينة ومقالات التحقق من صحة الأخبار التي تتضمن صورة في الخبر ". - غوغل

تخبرنا Google أيضًا أن "إضافة هذا التصنيف في نتائج صور Google لا يؤثر على الترتيب ؛ تم تصميم أنظمتنا لعرض المعلومات المتاحة الأكثر صلة وموثوقية. " في إحضار معلومات التحقق من صحة الأخبار إلى صور Google المنشورة في 22 يوليو 2020 ، تحدث هاريس كوهين ، مدير منتج Google ، عن نيته ضمان وصول الأشخاص إلى السياق المهم بشأن المعلومات التي يجدونها ⁠ - بما في ذلك الصور ⁠ - التي يواجهونها عبر الإنترنت .

الشراكة مع جيني هيل ، مؤسس Hill Web Creations الذي يعمل مع شركات Minneapolis لضمان استخدام حجم صورة صالح ولديه رمز خالٍ من الأخطاء لتحسين البحث العضوي ، وتحسين محرك البحث لعالم الهاتف المحمول أولاً ، وفرص الحصول على ميزة تنافسية عبر الإنترنت . يقظ باستمرار لمعرفة التحديثات والالتزام بها في إرشادات تحسين محركات البحث من Google .
أنا أستمتع بالإقامة في مينيابوليس ، مينيسوتا ، حيث أقدم خدمات التسويق الرقمي لمنطقة المترو وخارجها.

ملخص

Authoritative business sites that rise to the call for AMP pages, use a planned structured approach when building content, and incorporate schema image SEO data to be among those early adopters. They already are able to enjoy the first-mover benefits of winning more viewer clicks from the scrolling images.

A relevant image that has Microdata has the potential to enhance a site's CTR within search results from anywhere between 10-25%, according to builtvisible.com*****. In the case of the need to troubleshoot your markup for an image code error, currently, two types of errors are produced. We can resolve errors and fix both for you.

1. The “image is required” error that can be found in the Google Structured Data Testing Tool (SDTT).

2. An image error that when checking for the Accelerated Mobile Pages (AMP) version.

Your photos reached a new record on Google Maps!

After adding the above image strategies to one client site, they received a message directly from Google that their images uploaded to their Google Profile had a significant increase in views. Ready to start a more advance approach to how your business site uses imagery?

“Your photos helped people over 3,000 times, a new record for you on Google Maps. تهانينا! Millions of people rely on photos like yours when they search for places. Thanks for sharing your photos with the world.” – Google Maps

“More records this week…(One Photo)reached 3,320 views.” – Google Maps

Leverage cutting-edge opportunities to make your site's image use more advantageous to both and viewers and your business. Call 651-206-2410 to get on our Schema Site Audit Schedule

NOTE: Topic image source: PHLEARN. Consider hiring a professional photographer to make critical image edits that can transform an flawed image into one perfect to use. Start with great images, then add JSON-LD snippet markup wherever you can – that fits.

NOTE: Informative references have been listed in context at time of use.

* https://blog.hubspot.com/marketing/visual-content-marketing-strategy#sm.000000iy0z9nnp3d6210gl3qzksok

** https://www.relaymedia.com/2016/03/06/spread-the-carousel-love/

*** http://www.oreilly.com/pub/e/3425

**** http://info.shiftelearning.com/blog/bid/350326/Studies-Confirm-the-Power-of-Visuals-in-eLearning

***** https://builtvisible.com/micro-data-schema-org-guide-generating-rich-snippets

****** https://www.quicksprout.com/2014/08/13/what-type-of-images-should-you-use-within-your-blog-posts/

******* http://www.seoskeptic.com/google-article-rich-snippets-guide-updated-for-amp/