تحسين محركات البحث للصور: 15 نصيحة لتحسين الصور

في عالم تحسين محركات البحث (SEO)، نقضي جميعًا الكثير من الوقت في تحسين المحتوى الخاص بنا.

ولكن هل تعلم أن تحسين صور موقعك يعد أيضًا أمرًا في غاية الأهمية؟

حسنا، اسمحوا لي أن أقول لكم كل شيء عن ذلك.

سأغطي في هذا الدليل ما يلي:

• بالضبط ما هي الصورة SEO
• فوائدها
• أهم 15 نصيحة لتحسين صورك
• كيفية استخدام الأدوات المتنوعة لتحديد المشكلات المتعلقة بصور موقعك
• كيفية تحسين صورك لـ Google Lens

في النهاية، يجب أن تفهم تمامًا سبب أهمية تحسين محركات البحث للصور لموقعك وكيف يمكن أن يساعد في تحسين تصنيفاتك على كل من SERPs وعلى صور Google.

فهم تحسين محركات البحث للصور وفوائدها

إذا كنت تستخدم الكثير من الصور على موقعك، فهذا أمر جيد، ويجب أن تكون كذلك. البشر مخلوقات ذات توجهات بصرية ولا شيء يجذب انتباهنا تمامًا مثل الصورة الجذابة. في الواقع، وفقًا لـ Optinmonster، يتلقى المحتوى عبر الإنترنت الذي يحتوي على صور مشاهدات أكثر بنسبة تصل إلى 94% مقارنة بالمحتوى الذي لا يحتوي عليها.

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

إذًا، كيف يمكنك التأكد من مساهمة الصور في جهود تحسين محركات البحث (SEO) الخاصة بك؟ حسنًا، هذا هو المكان الذي يأتي فيه تحسين محركات البحث للصورة.

يتضمن تحسين محركات البحث للصور تحسين صورك لتحسين ظهورها في صور Google وفي SERPs. وهذا يعني أنه من المحتمل أن تظهر في حزمة الصور من Google...

... وكإصدارات مصغرة أصغر بجوار الرابط الخاص بك في نتائج البحث العادية.

هناك الكثير من الفوائد لتحسين صورك بشكل كامل مثل:

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

15 نصيحة لتحسين الصورة

كما ترون، يعد تحسين محركات البحث للصور أمرًا مهمًا حقًا وله العديد من الفوائد. تحتاج إلى التأكد من تحسين صورك لمساعدتك في سعيك للحصول على تصنيفات أفضل.

ولمساعدتك على القيام بذلك، إليك أهم 15 نصيحة لتحسين الصورة.

1. اختر نوع ملف الصورة الصحيح

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

تنسيقات الصور التي يمكن لـ Google فهرستها هي:

• ملفات JPEG
• بي إن جي
• ويب بي
• SVG
• بي إم بي
• وملفات GIF

إذًا، ما هو تنسيق الصورة الأفضل لتحسين محركات البحث؟ قبل اتخاذ هذا القرار، عليك أن تفهم التنسيقات المختلفة:

• JPEG : هذا التنسيق متوافق مع جميع الأجهزة تقريبًا ويمكن أن يعرض مجموعة واسعة من الألوان. إنها جيدة حقًا في الحفاظ على ألوان الصورة أيضًا. ومع ذلك، فهو يستخدم الضغط مع فقدان البيانات مما يعني فقدان بعض البيانات أثناء الضغط. ونتيجة لذلك، فإن JPEG ليس مثاليًا للصور التفصيلية مثل الصور الرقمية.
• PNG : هذا التنسيق متوافق عالميًا أيضًا. على عكس JPEG، يستخدم PNG ضغطًا بدون فقدان البيانات، لذا لا يتم فقدان البيانات أثناء الضغط. الجانب السلبي الرئيسي هو أن ملفات PNG تميل إلى أن تكون أكبر حجمًا من ملفات JPEG، مما يعني أنها يمكن أن تزيد من أوقات سرعة تحميل الصفحة.
• SVG : يستخدم هذا التنسيق المتجهات بدلاً من وحدات البكسل لإنشاء الصور. إنه ليس رائعًا بالنسبة للصور لأن الملفات تصبح كبيرة جدًا. ومع ذلك، فهو مثالي للشعارات والرسوم البيانية والعناصر المتحركة.
• WebP : أصبح هذا التنسيق شائعًا بشكل متزايد ويستخدم على نطاق واسع، ومن السهل معرفة السبب. يعد WebP رائعًا في تقليل حجم الصور مع الحفاظ على جودة الصورة. وفقًا لـ Google، تكون ملفات WebP المفقودة أصغر بنسبة 25-34% من ملفات JPEG وملفات WebP غير المفقودة أصغر بنسبة 26% من ملفات PNG.
  أحد الأمور السلبية هو أن WebP لا يزال غير مدعوم من قبل كل المتصفحات ولكن من المؤكد أن هذا سيتغير قريبًا.

إذن أي واحد يجب أن تستخدمه؟

• تعد ملفات JPEG مفيدة لأشياء مثل لقطات الشاشة وصور منشورات المدونة والمحتوى الذي تكون فيه سرعة الموقع ضرورية.
• يعد PNG أفضل من حيث الجودة والدقة، ولكن هذه الملفات عادة ما تكون أكبر، مما قد يؤدي إلى أوقات تحميل أبطأ للصفحة. إذا كنت على استعداد للتضحية بالقليل من السرعة للحصول على جودة أعلى، فقد يكون PNG هو التنسيق المناسب لك.
• يتمتع WebP بقدرات ضغط أكبر من الأولين ولا يتعين عليك التضحية بالكثير من جودة الصورة. إنه مثالي عندما تريد تحسين سرعات تحميل صفحاتك وتقليل استخدام النطاق الترددي. بالإضافة إلى ذلك، يدعم WebP إمكانيات الرسوم المتحركة لصور GIF والخلفيات الشفافة لـ PNG. لا يمكنك أن تخطئ حقًا في ذلك.
• عندما يتعلق الأمر بأشياء مثل الرموز والشعارات، فإن SVG هو الخيار الأفضل، حيث يمكن تغيير حجم هذه الملفات إلى أي حجم دون فقدان الدقة.

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

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

2. تغيير حجم الصور لاستخدامها على شبكة الإنترنت

من المهم أن تتذكر أن حجم الصورة وحجم الملف شيئان مختلفان. يشير حجم الصورة إلى مدى كبر أو صغر الصورة من حيث عرضها وارتفاعها (على سبيل المثال 1050 بكسل × 1000 بكسل). حجم الملف هو مساحة التخزين التي يشغلها (على سبيل المثال 350 كيلو بايت).

يمكن للصور ذات الأبعاد الكبيرة (العرض والارتفاع) أن تبطئ سرعة تحميل الصفحات. وذلك لأنه يتعين على المتصفح تحميل الصورة كاملة حتى لو كانت أكبر من الحد الأقصى للعرض الذي يعرضه الموقع.

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

لذلك، يجب تغيير حجم الصورة لتتناسب مع حجم العرض المقصود.

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

بمجرد تحديد الأبعاد الصحيحة لصورك، فقد حان الوقت لتغيير حجمها. إحدى أدواتي المفضلة لتغيير حجم الصور هي Bulk Resize Photos.

كل ما عليك فعله هو فتحه في متصفحك ثم سحب صورك أو تحميلها من جهازك.

وبعد ذلك، يمكنك استخدام الأداة لضبط أبعاد صورك. انقر فوق "أبعاد الصورة" وقم بتعيين العرض والارتفاع.

بمجرد تغيير حجم الصور، يمكنك تنزيلها على صفحتك.

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

الدقة القياسية للصور عبر الإنترنت هي 72 بكسل لكل بوصة (PPI). وحدات البكسل (px) هي النقاط الفردية التي تشكل الصور على شاشات سطح المكتب والهاتف المحمول. ويشير مؤشر أسعار المنتجين (PPI) إلى عدد هذه النقاط التي تظهر ضمن مسافة بوصة واحدة على الشاشة.

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

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

3. ضغط الصور للتحميل بشكل أسرع

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

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

تساهم الصور الكبيرة أيضًا في زيادة استهلاك النطاق الترددي. هذا هو مقدار البيانات المنقولة بين موقعك ومستخدميه.

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

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

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

وهنا يأتي دور WebP. تذكر أنه يمكن ضغطه بدرجة أكبر من JPEG وPNG مع الحفاظ على جودة الصور إلى درجة معينة.

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

واحدة من أفضل أدوات تحسين الصور المجانية المتاحة لضغط الصور هي TinyPNG. بمجرد فتحه في متصفحك، يمكنك إسقاط ما يصل إلى 20 ملفًا بتنسيق JPEG أو PNG أو WebP فيه.

يقوم TinyPNG بضغط الصور بشكل كبير، وبمجرد اكتمال عملية الضغط، يمكنك تنزيلها بسهولة.

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

4. اكتب نصًا بديلًا وصفيًا

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

بالإضافة إلى ذلك، تعرض المتصفحات النص البديل للصورة عندما لا يمكن عرض الصورة نفسها.

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

أفضل ممارسات النص البديل

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

الآن، دعونا نلقي نظرة على مثال لنص بديل رديء ونص بديل جيد.

سيء:

من الأمثلة على النص البديل السيئ للصورة أدناه "كعكة فيكتوريا الإسفنجية".

نعم، إنها بالفعل كعكة إسفنجية من طراز فيكتوريا، لكنها لا تصف الصورة جيدًا، أليس كذلك؟

جيد:

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

إذا لم تكن متأكدًا من الكلمات الرئيسية التي يجب استخدامها للنص البديل، فيجب عليك إجراء بعض الأبحاث عن الكلمات الرئيسية باستخدام أداة Keyword Magic Tool الخاصة بـ Semrush.

تحتوي الأداة على ميزة يمكن أن تساعدك في العثور على الكلمات الرئيسية لاستخدامها في النص البديل. لاستخدامها، قم بتسجيل الدخول إلى Semrush وانقر على "Keyword Magic Tool" في القائمة الموجودة على اليسار.

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

ثم انقر فوق "المرشحات المتقدمة" و"ميزات SERP". حدد "صورة" و"حزمة الصور" من القائمة المنسدلة، وانقر على "تطبيق".

ستحصل الآن على الكثير من الأشكال المختلفة لكلمتك الرئيسية والتي يمكنك استخدامها للنص البديل لصورتك.

الآن، بعد اختيار الكلمات الرئيسية ذات الصلة، كيف يمكنك إضافة نص بديل إلى صورك؟

إذا كنت تستخدم WordPress، فإن إضافتها إلى صورك أمر سهل حقًا. هناك طريقتان للقيام بذلك.

طريقة 1:

ما عليك سوى تحديد صورة من ملفات الوسائط المخزنة لديك وسيكون لديك خيار إضافتها على يمين الشاشة.

أولاً، انقر فوق علامة التبويب "الوسائط" في القائمة الموجودة على يسار الشاشة.

بعد ذلك، حدد صورتك من مكتبة الوسائط الخاصة بك، واكتب النص البديل في مربع "النص البديل".

الطريقة الثانية:

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

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

بعد ذلك، حدد مشاركتك:

انقر على الصورة في المنشور وستظهر لك خيارات أعلى الصورة. انقر على أيقونة القلم الرصاص:

بعد ذلك، اكتب النص البديل في المربع واضغط على "تحديث".

وهنا تذهب. سهل هكذا.

5. استخدم أسماء ملفات الصور ذات الصلة وقم بتضمين الكلمات الرئيسية

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

على سبيل المثال، لنفترض أنك وضعت هذه الصورة على صفحتك واسمها الافتراضي هو "IMG_785432.jpg".

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

بدلاً من ذلك، يجب أن تعطيه اسم ملف وصفيًا مثل "red-ford-mustang-1967.png". تذكر فقط أن أسماء ملفات الصور يجب أن تكون قصيرة أيضًا، ويجب عليك فصل الكلمات الموجودة في عناوينك بواصلات لتسهيل فهمها على Google.

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

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

تمثل كتابة أوصاف الصور فرصة جيدة لتضمين كلمات رئيسية طويلة لا يمكنك تضمينها في أي مكان آخر في المحتوى الخاص بك.

للعثور على كلمات رئيسية طويلة، يمكنك استخدام أداة ناقشناها بالفعل — أداة الكلمات الرئيسية السحرية من Semrush.

انتقل إلى الأداة ثم اكتب كلمة أساسية أولية كما أوضحت لك سابقًا. سأقوم بالبحث عن "قميص ذو ياقة" كمثال.

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

بعد النقر على "تطبيق"، ستظهر لك قائمة باقتراحات الكلمات الرئيسية الطويلة للاختيار من بينها.

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

6. استخدم الصور سريعة الاستجابة

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

في الواقع، في الربع الأول من عام 2023، شكلت حركة الهاتف المحمول 58.33% من إجمالي حركة الإنترنت العالمية. وهذا يعني أن تحسين موقعك للأجهزة المحمولة لم يكن أكثر أهمية من أي وقت مضى، وهذا يشمل صورك.

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

تأتي العديد من أنظمة إدارة المحتوى (CMSes) مزودة بتصميمات سريعة الاستجابة أو تقدم سمات وقوالب سريعة الاستجابة. يؤدي هذا إلى إزالة متاعب التأكد من أن موقعك متوافق مع الجوّال. تتضمن بعض أنظمة إدارة المحتوى هذه ما يلي:

• ووردبريس
• جملة
• دروبال
• ويكس
• مساحة مربعة

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

إذا كنت تستخدم WordPress، فهناك الكثير من المكونات الإضافية المتاحة لمساعدتك في ضغط صورك وتغيير حجمها. هذه هي أفضل 3 اختيارات بالنسبة لي:

• Smush : هذا مكون إضافي لتحسين الصور يستخدم على نطاق واسع، حيث يقوم تلقائيًا بضغط الصور وتغيير حجمها مع الحفاظ على الجودة.
• ShortPixel : يوفر هذا البرنامج المساعد خيارات الضغط بدون فقدان أو فقدان البيانات. يمكنه ضغط الصور بكميات كبيرة وحتى تقديم صور WebP للتحميل بشكل أسرع.
• Imagify : هذا مكون إضافي آخر سهل الاستخدام لتحسين الصور يسمح لك بضغط الصور وتغيير حجمها بسهولة.

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

7. تعزيز تجربة المستخدم مع التسميات التوضيحية

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

أعرف ما الذي تفكر فيه: " ما مدى أهمية هذا بالنسبة إلى تحسين محركات البحث ؟"

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

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

فيما يلي بعض النصائح لمساعدتك في كتابة تسميات توضيحية فعالة:

اجعلها موجزة ولكن كن وصفيًا

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

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

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

لا تربك هذه التسمية التوضيحية المستخدم بتفاصيل غير ضرورية حول الصورة.

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

حسنًا، الاثنان لا يستبعد أحدهما الآخر. لا يزال بإمكانك كتابة تعليقات مقنعة ليست منمقة بشكل مفرط.

دعونا ننظر إلى مثالين:

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

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

إضافة قيمة

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

على سبيل المثال، "برج إيفل في باريس، فرنسا. تم تشييده في 1887-1889 ليكون محور المعرض العالمي لعام 1889.

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

أضف كلمات رئيسية

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

يمكن أن يعزز مدى ملاءمة المحتوى الخاص بك ويزيد من فرص ظهور صورك في SERPs وصور Google عندما يبحث المستخدمون عن كلمة رئيسية.

للعثور على كلمات رئيسية للتسميات التوضيحية الخاصة بك، يمكنك استخدام صديقتنا القديمة أداة Keyword Magic Tool. استخدم الخطوات التي وضعتها سابقًا للانتقال إلى الأداة، واكتب كلمتك الرئيسية، واختر الكلمات الأكثر صلة لتضمينها في التسمية التوضيحية الخاصة بك.

8. الاستفادة من ترميز المخطط للصور

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

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

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

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

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

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

يسمح لك بتقديم معلومات مفصلة مثل:

• اسم الصورة أو عنوانها
• وصف لمحتوى الصورة
• عنوان URL لملف الصورة
• عنوان URL لنسخة مصغرة من الصورة
• المؤلف أو منشئ الصورة
• تاريخ إنشاء الصورة أو نشرها

عند تنفيذ ترميز المخطط، تتضمن أنواع النتائج المنسّقة التي قد تراها ما يلي:

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

حاليًا، تدعم صور Google الأنواع التالية من البيانات المنظمة:

• منتجات
• أشرطة فيديو
• وصفات

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

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

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

لإضافة علامة مخطط ImageObject إلى صورك، يمكنك القيام بذلك بسهولة باستخدام كود البيانات المنظمة المتوفر على Schema.org.

تم إنشاء هذا الرمز مسبقًا، مما يعني أن كل ما عليك فعله هو إدخال تفاصيل صورتك المحددة، مثل عناوين URL للصورة والأبعاد والأوصاف. بمجرد الانتهاء، يمكنك دمج التعليمات البرمجية في قسم <head> من ملف HTML الخاص بك.

9. استخدم صورًا فريدة ومبتكرة

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

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

على سبيل المثال، إذا كانت مدونتك تتعلق بالسفر إلى باريس، فيجب عليك تجنب استخدام صور برج إيفل التي شاهدتها في مئات المدونات الأخرى.

فكر في الأمر - هل ستضع المزيد من الثقة في منشور مدونة باستخدام صور مخزنة لباريس أو منشور يحتوي على صور للمؤلف وهو يزور أشهر معالم المدينة؟ من الواضح أن المنشور الثاني يوضح المزيد من الخبرة والجدارة بالثقة.

وإليكم طريقة أخرى للتفكير في الأمر.

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

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

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

10. قم بإنشاء خريطة موقع للصور

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

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

توفر خرائط مواقع الصور قائمة إلى Google بجميع الصور الموجودة على موقعك.

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

عند إنشاء خريطة موقع XML عادية تتضمن عناوين URL للصور أو خريطة موقع للصور، هناك علامات صور محددة يجب تضمينها. إليك النصيحة مباشرة من Google:

إذًا، كيف تبدو خريطة موقع الصور في الواقع؟ إليك مثال من جوجل:

إذا كنت تريد إنشاء خريطة موقع للصور يدويًا، فمن الأفضل اتباع تعليمات Google.

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

للبدء، انتقل إلى منشئ خريطة الموقع الخاص بي، واكتب المجال الخاص بك، وانقر على "ابدأ".

اعتمادًا على حجم موقعك، قد يستغرق إنشاء الموقع بعض الوقت. بمجرد الانتهاء من ذلك، انقر فوق الزر "تنزيل".

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

بمجرد تحميله إلى ملف الجذر الخاص بك، تصبح جاهزًا لتحميله إلى Google Search Console.

لذلك، قم بتسجيل الدخول إلى حساب GSC الخاص بك، وانقر على "ملفات Sitemap" على الجانب الأيسر من الصفحة.

ثم، الصق عنوان URL لخريطة الموقع الخاص بك وانقر على "إرسال".

11. استخدم العلامات الوصفية للرسم البياني المفتوح

العلامات الوصفية لـ Open Graph (OG) هي مقتطفات من التعليمات البرمجية التي تتحكم في كيفية عرض عناوين URL عند مشاركتها على منصات الوسائط الاجتماعية مثل Facebook وLinkedIn وPinterest.

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

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

عند تنفيذ علامات OG، فإنها تسمح لك بتحديد الصورة والمعلومات التي يجب إبرازها بشكل بارز عند مشاركة عنوان URL من موقع الويب الخاص بك على وسائل التواصل الاجتماعي.

عادةً ما توجد العلامات الوصفية لـ OG في قسم <head> في HTML الخاص بالصفحة ولها البادئة "og:" قبل اسم الخاصية. على سبيل المثال، هذا ما تبدو عليه بطاقة Open Graph Facebook:

للتأكد من أن الصورة التي اخترتها تظهر بشكل صحيح عند مشاركة منشور على وسائل التواصل الاجتماعي، تأكد من تضمين علامة الصورة.

للبدء في الاستخدام:

• علامات فيسبوك OG,
• علامات Pinterest OG,
• وعلامات LinkedIn OG،

اتبع التعليمات الموضحة في الأدلة المفيدة التي قمت بالارتباط بها.

عندما يتعلق الأمر بتويتر (المعروف الآن باسم X)، فإن النظام الأساسي لا يستخدم بروتوكول Open Graph. ويستخدم نسخته الخاصة التي تسمى Twitter Cards. إذا كنت تريد معرفة كيفية إعدادها، فراجع دليل بطاقات تويتر هذا.

إضافة علامات OG في ووردبريس

إذا كنت تستخدم WordPress، فإن إضافة علامات OG ستكون أسهل بكثير. يمكنك استخدام البرنامج المساعد Yoast SEO للقيام بذلك. إذا لم تكن قد قمت بتثبيت البرنامج الإضافي Yoast SEO بعد، فقم بذلك. ثم اضغط على "المشاركات" الموجودة على يسار الشاشة.

بعد ذلك، انقر فوق "تحرير" أسفل المنشور الذي تريد إضافة علامات OG إليه.

Now, scroll down until you see the “Yoast SEO” box. Click the “Social” tab at the top and choose the social media platform you want to create OG tags for. Then, fill in the title and description fields and upload an image.

The plugin will now automatically set these tags up for you.

Nice and simple!

12. Use lazy loading

Lazy loading is a technique where images are only loaded when they appear in the user's viewport (visible screen). This means that the images further down the page load as the user scrolls down and they appear within the viewport. This helps to:

• Improve the page's loading speed because it prevents all the images from loading simultaneously.
• Enhance UX so users can engage with your page more swiftly.
• Reduce the amount of data transferred over the network which saves bandwidth.

Implementing lazy loading is useful for most pages that contain images but especially for ones that feature a large number of images.

The most straightforward way to implement lazy loading on your site is to use a WordPress plugin. This takes all of the hassle out of what can be a fairly complicated task.

If you're using WordPress version 5.5 or a later version, then you won't need to add lazy loading to your images manually. This is because, from version 5.5 onwards, WordPress includes native lazy loading which automatically adds the loading= “lazy” attribute to images.

13. Serve images via a CDN

A CDN (Content Delivery Network) is a network of servers spread out across the globe. They're designed to serve your site's content efficiently to users by enabling them to download files from the closest CDN server to their geographic location.

For instance, if you're based in London, it'll speed things up a great deal if you download content from a server in the UK rather than one in the US.

This can enhance page loading speeds and significantly reduce download times, which can lead to a more positive UX.

Plus, CDNs can optimize images in real-time. This includes compressing, resizing, and caching images to enhance your site's performance even further. Some of the other benefits of using a CDN for your images include:

• Server resource consumption is reduced which can lower hosting costs.
• High-demand periods and traffic spikes are easier to handle without compromising on image delivery speed.
• Many CDNs have security features to protect against DDoS attacks and other threats.
• CDNs often provide detailed analytics to monitor image performance and user engagement.

The quickest and best way to make use of CDNs for your images is to install a CDN plugin in WordPress. One of the best CDN plugins for WordPress is Bunny.net and I'd also highly recommend taking a look at a CDN provider called Cloudflare.

14. Leverage Browser Caching

Browser caching involves the storage of files within a user's browser so that these files don't need to be downloaded again during repeat visits.

As image files can be quite large, caching these files can significantly improve page load times for returning visitors because the images are stored locally in the browser's cache and don't need to be reloaded from the server. This makes for a smoother user experience.

If you want to learn more about browser caching and how to implement it, then you can check out Google's browser caching guide. For WordPress users, the best browser caching plugin you can use is WP Rocket.

15. Stay updated and evolve with SEO trends

As with all aspects of SEO, the landscape of image SEO is constantly evolving and you need to keep track of what the current best practices are. This includes paying close attention to Google algorithm updates and changes in the way Google indexes images.

Plus, you should monitor any new and emerging technologies that could have an impact on image optimization. Emerging technologies that will impact image optimization include:

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

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

كيفية التعرف على المشكلات المتعلقة بصورك

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

روابط الصور المكسورة

تعني روابط الصور المعطلة أنه لا يمكن عرض صورك بسبب وجود أخطاء إملائية في عناوين URL الخاصة بها، أو أنها لم تعد موجودة، أو أن مسار الملف غير صالح. لماذا هذا سيء بالنسبة لكبار المسئولين الاقتصاديين الخاص بك؟ حسنًا،

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

ولكن كيف يمكنك معرفة ما إذا كانت روابط الصور الخاصة بك معطلة؟ أفضل طريقة للتعرف عليها هي باستخدام أداة تدقيق الموقع الخاصة بـ Semrush.

للبدء، تحتاج إلى إجراء تدقيق على موقعك.

لذلك، قم بتسجيل الدخول إلى Semrush وانقر على "Site Audit" على يسار الشاشة.

ثم أدخل المجال الخاص بك وانقر على "بدء التدقيق".

بمجرد الانتهاء من التدقيق، انقر فوق علامة التبويب "المشاكل" في أعلى الصفحة.

ثم اكتب "الصور" في شريط البحث. ستشاهد الآن أية مشكلات متعلقة بالصور على موقعك.

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

النص البديل مفقود

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

لذلك، استخدم أداة تدقيق الموقع وعلامة التبويب "المشاكل"، واكتب "alt" في مربع البحث.

أستطيع أن أرى أن موقعي يحتوي على 189 صورة ذات سمات بديلة مفقودة.

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

صور ذات حجم غير صحيح

إحدى أسهل الطرق لتحديد المشكلات المتعلقة بحجم صورك هي استخدام Google PageSpeed ​​Insights.

للبدء، افتحه في متصفحك واكتب عنوان URL الخاص بك. ثم انقر فوق "تحليل".

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

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

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

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

سهولة استخدام الهاتف المحمول

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

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

لاستخدامه، ما عليك سوى فتحه في متصفحك، ثم كتابة عنوان URL الخاص بك، ثم النقر على "اختبار عنوان URL".

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

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

إجمالي طلبات الصور وإجمالي بايت الصورة

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

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

GTmetrix هي أداة متصفح مجانية يمكنك استخدامها لتحديد هاتين المشكلتين.

للبدء، اكتب عنوان URL الخاص بك واضغط على "اختبار موقعك".

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

إذا قمت بتمرير مؤشر الماوس فوق قسم "Img" في الشريط، فيمكنك عرض عدد طلبات الصور من بين إجمالي طلبات الصفحة. ستتمكن أيضًا من تحديد جزء الحجم الإجمالي للصفحة الذي يتكون من الصور.

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

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

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

FCP وأوقات التحميل

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

وقت التحميل هو الوقت الذي يستغرقه تحميل الصور وعرضها على الصفحة. كما كنت قد خمنت، كلما كان أسرع كلما كان ذلك أفضل!

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

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

إذا قمت بالنقر فوق المربع الأزرق والأخضر والأرجواني بجوار الصورة، فستحصل على معلومات أكثر تفصيلاً بما في ذلك FCP ووقت "التحميل الكامل" لتلك الصورة. أستطيع أن أرى أن FCP لهذه الصورة هو "+67 مللي ثانية" والوقت "محمل بالكامل" هو "+1.2 ثانية"

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

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

تحسين الصور لعدسة جوجل

Google Lens هو برنامج بحث مرئي مبتكر. فهو يجمع بين وظائف البحث والواقع المعزز والذكاء الاصطناعي ورؤية الكمبيوتر. ويستخدم الشبكات العصبية الاصطناعية لتحليل الصور وفك محتواها.

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

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

إذًا، كيف تستخدمه فعليًا؟

لنفترض أنك في مطعم وتريد المزيد من المعلومات حول أنواع النبيذ الموجودة في قائمة النبيذ. يمكنك مسح القائمة باستخدام Google Lens وستزودك Google بتفاصيل حول أنواع النبيذ المختلفة المعروضة.

أو، عند استخدام خرائط Google، يمكنك مسح لافتة الشارع والاطلاع على معلومات حول الأنشطة التجارية في المنطقة.

بامكانك ايضا:

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

أصبحت Google Lens أكثر شيوعًا وتحتاج إلى التأكد من تحسين صورك لها.

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

ولكن دعونا أيضًا نلقي نظرة على بعض الخطوات الإضافية التي يمكنك اتخاذها للتأكد من أن صورك جاهزة لـ Google Lens.

توفير الكثير من الصور

إذا كنت تدير موقعًا للتجارة الإلكترونية، فقم بتوفير صور متعددة لكل منتج. تحتاج إلى التأكد من إمكانية رؤية منتجاتك من كل زاوية. لا تعتمد فقط على صورة واحدة.

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

من خلال توفير العديد من الصور لمنتجاتك، يمكنك كسب المزيد من العملاء المحتملين وقد يؤدي ذلك إلى زيادة التحويلات.

استخدم صورًا عالية الجودة

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

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

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

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

تضمين بيانات تعريف صور IPTC

IPTC (المجلس الدولي للاتصالات الصحفية) البيانات الوصفية للصور هي معيار يستخدم لوصف الصور. إنه أمر مهم لأنه المعيار الأكثر استخدامًا عالميًا لهيكلة وتعريف خصائص بيانات التعريف. يسمح لك بإضافة بيانات موثوقة ودقيقة حول صورك.

عندما تظهر الصور في صور Google، يتم عرض حد الائتمان ومنشئ الصور وإشعار حقوق الطبع والنشر بجوار الصورة عند تحديدها، إذا تم تضمين هذه المعلومات. تبدو هكذا:

يمكن أن تساعد بيانات تعريف IPTC في تعزيز مصداقية موقعك. عندما يتمكن المستخدمون من رؤية اسم منشئ الصورة ومعلومات حقوق الطبع والنشر المؤرخة، فهذا يوضح أن الصورة أصلية. كما أنه يمنح المستخدمين فكرة عن وقت التقاط الصورة مما قد يزيد من أهميتها لاستفسارات محددة.

أفضل طريقة لإضافة بيانات تعريف IPTC إلى صورك هي باستخدام Photoshop. إذا كنت تريد معرفة كيفية إضافة بيانات تعريف IPTC في Photoshop، فاطلع على الدليل.

استخدم جوجل ميرشانت سنتر

إذا كنت تدير موقعًا للتجارة الإلكترونية، فيجب عليك تحقيق أقصى استفادة من قوائم منتجات Google المجانية في Google Merchant Center. ومن خلال القيام بذلك، ستظهر منتجاتك في صور Google عندما يقوم المستخدمون بمسح العناصر المتعلقة بمنتجاتك باستخدام Google Lens.

إذا كنت تريد إعداد حسابك في Google Merchant Center، فاتبع الإرشادات الواردة في وثائق Google Merchant Center.

الأسئلة الشائعة

هل أحتاج إلى أذونات حقوق النشر لاستخدام الصور على موقعي؟

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

هل هناك شيء مثل استخدام عدد كبير جدًا من الصور على الصفحة؟

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

هل يجب علي إنشاء صور قابلة للمشاركة لوسائل التواصل الاجتماعي؟

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

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