تحسين محركات البحث على الصور سهل للغاية والخطوات بسيطة.
الخطوة 1: أدخل علامات بديلة لجميع الصور.
الخطوة 2: . ؟
مرحبًا ، تحرز Google وأنظمة الذكاء الاصطناعي الخاصة بها تقدمًا كل يوم لتصبح أكثر ذكاءً من ذي قبل
[su_youtube url = ”https://www.youtube.com/watch?v=XR3KjgLpT7A&list=PLKoqnv2vTMUM9wKeb-Gvm8bgpFM72yiXw&index=2&linkId=80883548″]
صور تحسين محركات البحث أكبر من كتابة بضع علامات بديلة وأكبر بكثير من ذلك.
مع التطورات الأخيرة التي حققتها Google في التعلم الآلي للذكاء الاصطناعي ، قد يجادل البعض بأن علامات Alt لم تعد مهمة. على سبيل المثال ، يبدو تحميل صورة قطة على Cloud Vision API (محرك التعرف على الصور بالتعلم الآلي) من Google كما يلي:
صور السيو
جوجل فيجن API القط
يمكن لـ Google تحديد أن هذه لقطة بدقة شبه مثالية لكل التفاصيل. ، هذا مثير للإعجاب.
ملاحظة جانبية. لقد قمت بإزالة جميع البيانات الوصفية من هذه الصورة. أيضًا ، اسم الملف هو IMG_0696_2. jpg ، وهو غير محدد جدًا.
لذلك إذا كان بإمكان Google فهم موضوع الصورة ، فهل من المنطقي إضافة علامة بديل؟ هل صورة SEO الخاصة بك مهمة؟ إطلاقا.
تتعمق هذه المقالة في أهم ممارسات تحسين محركات البحث للصور من خلال 12 نصيحة احترافية لتحسين الصور لتحسين ترتيبك في نتائج البحث وزيادة حركة المرور المجانية إلى موقعك.
1- قم بتسمية صورك بشكل صحيح
يذكر Google أفضل الممارسات التالية لتحسين أسماء الصور:
يمكن أن توفر أسماء الملفات أو الصور الكثير على Google. على سبيل المثال ، قطتي الجديدة السوداء. jpg هو IMG00023. أفضل من JPG.
هذا هو أفضل مثال على تحسين صورة مناسبة. ومعظم الناس يفعلون.
ربما يكون هذا بسبب أن Google قدمت نفس النصيحة على مر السنين.
Wayback اسم ملف صورة Google Advice
ولكن مرة أخرى ، نظرًا للتطورات الأخيرة التي حققتها Google في التعلم الآلي وقدراتها الجديدة في التعرف على الصور ، ما مدى أهمية ذلك حقًا؟
سؤال جيد. أدرك أن مثال القطة كان مؤثرًا للغاية. الآن دعنا نجرب صورة أخرى.
جوجل متأكد بنسبة 91٪ من أن هذا جبن. خطأ جوجل. سمنة.
حسنًا ، لنكن أول من يعترف بأن الزبدة مثل الجبن ، لكن تبقى النقطة نفسها. جوجل ليست مثالية. يجب أن تفعل كل ما في وسعك لمساعدة Google في فهم صورتك.
هذا لا يعني أنه يجب عليك حشو كلماتك الرئيسية داخل الصورة. تأكد من أن اسم الملف واضح ومباشر.
فيما يلي بعض الأمثلة على ممارسات تحسين محركات البحث الجيدة للصور التي تريد Google وجميع محركات البحث رؤيتها في صور مواقع الويب الخاصة بهم.
مثال سيء: كلاب-جرو-جرو-كلاب-كلاب. jpg
لا تحتاج إلى إعادة تسمية الصور من أجل الوضوح. لأنه يستحق القيام به.
2- استخدم النص البديل والتعليقات التوضيحية الواضحة لصورك
يصف النص البديل محتوى الصورة. هذا ما يظهره المتصفح للمستخدم على الشاشة وهو يعرض هذه الصور. سيعرض المستعرض أيضًا النص البديل للصورة إذا واجه المستخدم مشكلة في عرض الصورة لفهم محتوى الصورة.
فيما يلي مثال واضح على كيفية هيكلة كود HTML:
<img src="puppy.jpg" alt="Dalmatian puppy playing fetch"/>
هذا المثال مأخوذ مباشرة من إرشادات Google الرسمية. تُستخدم لإظهار الشكل الذي تبدو عليه علامة alt المكتوبة جيدًا بالكامل. فيما يلي بعض النصائح العامة لكتابة هذه النصوص البديلة بشكل احترافي.
يستخدم Google النص البديل مع خوارزميات رؤية الكمبيوتر ومحتوى الصفحة لفهم محتوى الصور. [...] عند اختيار نص بديل ، ركز على إنشاء محتوى مفيد وغني بالمعلومات يستخدم الكلمات الرئيسية بشكل مناسب في سياق محتوى الصفحة. تجنب وضع الكلمات الرئيسية في السمة alt (الكلمات المفتاحية) حيث يمكن أن يؤدي ذلك إلى تجربة مستخدم سلبية ويجعل موقعك يبدو وكأنه موقع "محتوى غير مرغوب فيه".
يقدم Matt Cutts نصائح جيدة بنفس القدر حول النص البديل و تحسين محركات البحث للصور في هذا الفيديو القيم الخاص به.
ومع ذلك ، إليك خدعة احترافية تعمل بشكل مثالي في معظم الحالات. من فضلك أكمل هذه الجملة.
"هذه صورة / لقطة شاشة / صورة / رسم __________."
قم بإزالة روابط اللغة والوصلات (مثل a / a) من الجملة الناتجة واستخدم الجزء الأخير كنص بديل. وهنا بعض الأمثلة.
"هذه صورة كعكة الجبن بالشوكولاتة."
<img src="chocolate-cheesecake.jpg" alt="Chocolate cheesecake"/>
"هذه صورة لقطتي ، مارك ، تلعب بلعبة."
<img src="mark-the-cat.jpg" alt="My cat, Mark, playing with his toys"/>
نوصي بأن تنحرف قليلاً عن هذه الصيغة عند إنشاء نص بديل لصور المنتج. بالنسبة لهذا الجزء بالذات ، قد يكون من المفيد إضافة المنتج أو الرقم التسلسلي ، خاصة وأن المستخدمين قد يبحثون عنه باستخدام هذا الرقم ، لذلك أقوم بإنشاء وصف مثل هذا:
<img src="battery-tender.jpg" alt="Battery tender (022-0186G-DL-WH)"/>
ليس لدى Google إرشادات رسمية حول كيفية القيام بذلك. لكن Google تتفهم بوضوح العلاقة بين أسماء المنتجات والأرقام التسلسلية / المنتج ، لذلك هذا أمر منطقي. تريد دليلا؟ لنلقِ نظرة على عمليات البحث المتعلقة بهذا الاستعلام:
سياق رقم منتج Google
تعرف Google المنتج الذي تبحث عنه بناءً على البحث عن رقم المنتج فقط. لذا فإن دمج هذا في النص البديل الخاص بك يساعد Google على فهم أنها في الواقع صورة لمنتجك.
نصائح احترافية لتحسين SEO بشكل مثالي
استخدم Ahrefs Site Audit للعثور على جميع الصور على موقعك التي لا تحتوي على نص بديل.
تدقيق الموقع> المشروع> الموارد> الصور> النص البديل مفقود
النص البديل مفقود ahrefs مراجعة الموقع
لا تنسى التسميات التوضيحية. مهم جدا. هنا تعليق جوجل:
يستخرج محرك بحث Google معلومات حول موضوع الصورة من محتوى الصفحة ، مثل التسمية التوضيحية للصورة وعنوانها. كلما أمكن ، تأكد من وضع الصور بالقرب من النص ذي الصلة وعلى الصفحات المتعلقة بموضوع الصورة.
ألق نظرة أخرى على الصورة الأخيرة لمشاهدة مثال لتعليق الصورة. إنه نص صغير أدناه يوضح ما تراه ، عادةً أسفل الصورة مباشرةً. نحن نشجعك على استخدام هذه الرسوم التوضيحية كلما أمكن ذلك.
3- اختر أفضل نوع للصورة
تأتي معظم الصور على الويب في أحد أنواع الملفات الرئيسية الثلاثة: JPEG و PNG و GIF.
يستخدم كل منهم طريقة ضغط مختلفة. هذا يعني أن أحجام الصور يمكن أن تختلف اختلافًا كبيرًا بين أنواع الملفات الثلاثة. هذا مهم. إليكم السبب:
غالبًا ما تساهم الصور كثيرًا في الحجم الكلي للصفحة ، مما يجعل تحميل الصفحة أبطأ ويستغرق وقتًا أطول.
وقت تحميل الصفحة مهم جدًا لتحسين محركات البحث. من ناحية أخرى ، أكدت Google أن السرعة عامل تصنيف على كل من سطح المكتب والجوال. مهمتك هي اختيار أفضل نوع امتداد لكل صورة ، أي الذي يقدم أفضل ضغط بأقل معدل جودة وأسرع وقت تحميل.
مع وضع ذلك في الاعتبار ، إليك بعض الأمثلة للصورة نفسها مع امتدادات JPEG و PNG و GIF مختلفة.
gif مقابل jpeg مقابل png
اتضح أن امتداد صورة JPEG متفوق بشكل واضح. يحتوي على أصغر حجم للملف ولا يوجد فرق تقريبًا في الجودة عن الصورتين الأخريين. هل JPEG هو الاختيار الصحيح دائمًا؟ إطلاقا.
أعتقد أن هذا التفسير يقول كل شيء:
jpg و png
بشكل عام ، تعد ملفات JPEG هي أفضل تنسيق للصور الفوتوغرافية ، وملفات PNG هي أفضل تنسيق لأشياء مثل الرسومات الخطية والنصوص. تعد ملفات GIF رائعة لمقاطع الفيديو. اقرأ هذه المقالة لمعرفة المزيد حول الاختلافات التقنية بين هذه الامتدادات الثلاثة.
تمنحك معظم تطبيقات تحرير الصور الاحترافية (مثل Photoshop) خيار حفظ الصور بتنسيق JPEG أو PNG أو GIF. يمكنك أيضًا استخدامه لتحويل الصور من تنسيق ملف إلى آخر. ليس لديك برنامج تحرير صور احترافي؟ جرب هذه الأداة المجانية.
بالنسبة إلى لقطات الشاشة ، إليك بعض التطبيقات التي يمكن تصديرها بتنسيقات متعددة:
سكيتش (ماك)
MonoSnap (Mac - Windows)
Lightshot (Mac - Windows)
ملحوظة. تحتوي المشاهد أيضًا على تنسيق صورة جديد يسمى WebP. يضغط هذا التنسيق الصور بشكل ملحوظ أكثر من JPEG أو PNG. ومع ذلك ، نظرًا لأنه متوافق حاليًا فقط مع Chrome و Opera ، فقد قررت التعلم من المقالة التالية على Google في الوقت الحالي. يمكنك قراءة المزيد عن WebP هنا.
4 - قم بتغيير حجم الصورة لتناسب قياسات موقعك
هذا ما تبدو عليه مدونة Ahrefs على شاشتي مقاس 27 بوصة.
مدونة Ahrefs على شاشة مقاس 27 بوصة بدقة 2560 × 1440.
هل توجد مساحة بيضاء على جانبي هذا المحتوى؟ وذلك لأن الحد الأقصى لعرض محتوى المدونة هو 720 بكسل. هذا يعني أنه لن يتم عرض صورتك أبدًا على نطاق أوسع من 720 بكسل ، بغض النظر عن حجم الشاشة.
كلما زاد عدد وحدات البكسل التي تشكل الصورة ، زاد حجم الملف.
تقوم المتصفحات بقياس الصور الأكبر من 720 بكسل لتلائم الشاشة (على الأقل في مواقع الويب سريعة الاستجابة المشفرة جيدًا). ولكن الأهم من ذلك أن المتصفح يحتاج إلى تحميل الصورة بالحجم الكامل. هذا يعني أنه إذا قمت بتحميل صورة بعرض 6000 بكسل ، فسيتعين على المتصفح تحميل الصورة بأكملها ، حتى لو تم تخصيص العرض إلى 720 بكسل. هذا بطيء.
الحل هو تغيير حجم الصورة وتحميلها إلى أقصى عرض تريده. لاحظ ، مع ذلك ، أن هذا الحجم قد لا يتم عرضه كـ 720 بكسل. يعتمد ذلك على التصميم العام لموقع الويب الخاص بك. الخطوة الأولى هي معرفة ذلك. يمكنك القيام بذلك باستخدام كود CSS الخاص بك.
ضع ذلك في الاعتبار ، خاصة إذا كنت تستخدم تصميمًا سريع الاستجابة. في بعض الحالات ، قد يظهر موقع الويب أطول على شاشة صغيرة منه على شاشة كبيرة.ينطبق هذا على المدونةAhrefs.
يمكنك بعد ذلك استخدام هذه الأداة لتغيير حجم الصورة إلى حجم أكبر.
الشيء الوحيد المهم هو عرض الصورة ، لذا قم بتحميل الصورة بحجمها الأصلي ثم استخدم خيار max width لضبط العرض فقط.
الحد الأقصى للعرض
ستحتاج إلى تحميل ملفات JPEG و PNG الكبيرة في عمليتي تحميل منفصلين. خلاف ذلك ، ستقوم الأداة بتحويل جميع الصور إلى نوع ملف صورة ثابتة. يمكنك تحديد JPEG و PNG باستخدام نفس الأداة. استخدم الخيار المناسب لمجموعة الصور التي تقوم بتحسينها.
هذه الأداة رائعة لسببين.
تغيير الحد الأقصى لحجم العرض: لنفترض أن عرض موقع الويب الخاص بك بحد أقصى 700 بكسل. لدي مجموعة من الصور التي يجب تغيير حجمها. بعضها أكبر من 700 بكسل ، وبعضها أصغر من 700 بكسل. لا تقم بتغيير حجم الصور الضيقة إلى 700 بكسل لأن هذا سيقلل من جودة الصورة الإجمالية. تحافظ هذه الأداة على هذه الصور بالحجم المادي المناسب. فقط قم بتغيير حجم هذه الصور العريضة للغاية.
لا تعيد تسمية الملفات: لقد أمضينا سنوات في تسمية الصور لـ SEO. يمكنك تغيير حجمه وتنزيل الإصدار الذي تم تغيير حجمه. افتح ملف zip و image1. png ، صورة 2. يمكن العثور على png. (إذا سبق لك تنزيل صورة من مُحرر مستندات Google ، فستتفهم الألم.) تحافظ هذه الأداة على اسم الملف كما هو ، لذلك لن تضطر إلى إعادة تسميته بعد تغيير الحجم.