لا يقتصر استخدام الصور الفعال على اختيار الصور الصحيحة فحسب، بل تحتاج أيضًا إلى معرفة أفضل طريقة يمكنك من خلالها تحسين صورك لتتلاءم مع تهيئة محركات البحث SEO، وذلك بغية تعزيز ترتيب منشوراتك في صفحات نتائج محركات البحث، وإليك فيما يلي 4 قواعد أساسية لتحسين صور مدونتك:
4 قواعد أساسية لتحسين صور مدونتك
الآن، وبعد أن اخترت صورةً رائعةً لمنشورك وحملتها إلى حاسوبك، ستحتاج إلى معرفة أفضل طريقة لاستخدامها. إليك فيما يلي بعض القواعد الأساسية التي يجب اتباعها لتحسين الصور في مدونتك:
1. تغيير حجم الصورة
عندما تلتقط صورةً ما، من المحتمل أن تكون أكبر بكثير مما تحتاجه لمدونتك. قد تكون الصورة بحجم 4032 × 1960 بكسل على سبيل المثال، في حين يبلغ عرض معظم صور المدونة حوالي 500 إلى 800 بكسل، اعتمادًا على حجم منطقة المحتوى في قالب المدونة.
إذا حملت صورةً كبيرة الحجم، فسيغير ووردبريس WordPress تلقائيًا من حجمها، لتلائم منطقة المشاركة على مدونتك، وهنا لن تتداخل مع الشريط الجانبي أو مناطق أخرى من مدونتك، لذا قد تعتقد أنه لا توجد أي مشكلة.
تكمن المشكلة في أن الصورة أكبر مما يجب، لذا سيستغرق تحميلها وقتًا إضافيًا، ولهذا يجب تغيير حجم الصورة قبل تحميلها على مدونتك.
من الجيد أيضًا تغيير حجم الصور بحيث تكون متسقة، سواءً مع منشورك أو عبر كامل مدونتك. فعلى سبيل المثال، يستخدم العديد من المدونين صورةً بحجم 500 × 300 أو 550 × 330 في بداية كل منشور.
يمكنك تغيير حجم صورتك باستخدام برامج مجانية، مثل برنامج Paint.NET، كما يمكنك تغيير حجم مجموعات كبيرة من الصور عبر الإنترنت باستخدام أداة Bulk Resize Photos.
2. ضغط الصورة
سيؤدي تغيير أبعاد صورتك ببساطة إلى تقليل مساحة تخزينها، ولكن يمكنك الحصول على مساحة تخزين أصغر عن طريق ضغط الصورة، والذي سينعكس بالتبعية على سرعة تحميل الصفحة.
الشيء المهم الذي يجب فهمه حول ضغط الصور هنا هو أنك كلما ضغطت الصورة أكثر، انخفضت جودتها؛ لذا يجب تحقيق التوازن بين الجودة وحجم الملف.
يمكنك استخدام بعض الأدوات الجيدة لضغط الصور عبر الإنترنت، مثل أداة Compress jpeg وأداة TinyPNG، والتي تحتوي على مكون إضافي رائع لووردبريس WordPress.
نصيحة: استخدم تنسيق JPG للصور ذات الألوان المتعددة، مثل الصور الفوتوغرافية، واستخدم تنسيق PNG للصور ذات الألوان القليلة، مثل لقطات الشاشة أو الرسوم المتحركة البسيطة، وكذلك الصور التي تحتوي على نصوص، مما يمنحك جودةً أفضل نسبةً إلى حجم الملف.
3. وضع صورتك
الآن، وبعد أن غيّرت أبعاد الصورة وضغطتها، يمكنك إضافتها إلى منشور مدونتك، لكن هنا يأتي السؤال: أين يجب وضع الصورة؟
يُفضِّل العديد من المدونين وضع صورة في بداية منشوراتهم التي قد تحتوي على علامتهم تجارية، مع إضافة اسم المدونة وعنوان المنشور إلى الصورة، ولكن يمكنك أيضًا استخدام الصور في المكان الذي تريده عبر منشورك.
يوصي الكثير من الخبراء بإضافة أكبر عدد ممكن من الصور إلى منشورات المدونة، وذلك حسب الضرورة، مما يساعد على تقسيم المحتوى بصريًا، إذ توجد الكثير من النصوص التي قد تشتت انتباه القارئ. وتُعَد أبسط طريقة لإضافة صورة هي توسيطها ضمن الخط المخصص لها، أي دون وضعها على يسار النص أو على يمينه، مما يضمن عرضها جيدًا على جميع الأجهزة.
إذا كان لديك منشور طويل، فيمكنك التفكير في كيفية استخدام الصور على طوله، فعلى سبيل المثال، يمكنك استخدام صورة في بداية كل عنوان فرعي.
نصيحة: هل تتساءل عن كيفية إضافة صورة إلى منشور مدونتك على ووردبريس WordPress؟ كل ما عليك فعله هو إضافة الصورة، ومن ثم تحميلها أو سحبها إلى المكان الذي تريد وضعها فيه، ويمكنك أيضًا إنشاء صورة، ومن ثم تحميلها من الصور الموجودة في مكتبة الوسائط.
4. إضافة نص إلى صورتك
يمكنك إضافة نص إلى الصورة قبل تغيير حجمها وضغطها باستخدام برنامج لتحرير الرسومات أو أداة لمعالجة لقطات الشاشة.
وعوضًا عن ذلك، يمكنك في ووردبريس WordPress إضافة تسمية توضيحية على الصورة، من خلال النقر على الصورة لتحديدها، ومن ثم سيظهر خيار "إضافة تسمية توضيحية" في المساحة الموجودة أسفل الصورة مباشرةً. انقر هناك واكتب التسمية التوضيحية التي تريدها.
استخدام الصور لتحسين الظهور في نتائج محركات البحث
يُعَد استخدام الصور بطريقة صحيحة أمرًا مهمًا لتحسين ترتيب منشورات مدونتك في نتائج محركات البحث. وعلى الرغم من أن أهمية الصور في تحسين محركات البحث أقل من بعض العناصر الأخرى (مثل العنوان)، إلا أنها ما تزال عنصرًا مهمًا لترتيب منشورك ضمن نتائج محركات البحث.
وعلاوةً على ذلك، تحتاج محركات البحث إلى نص يعبر عن موضوع صورتك، مما يعني أن كل صورة من صورك يجب أن تحتوي على شيئين؛ عنوان الصورة والنص البديل عنها.
عناوين الصور
عنوان الصورة ليس تسمية توضيحية عنها، وهو في العموم غير مرئي، لكنه يظهر في معظم المتصفحات عندما يحرك القارئ مؤشره فوق الصورة.
يجب أن تتضمن عناوين الصور الكلمات المفتاحية. فعلى سبيل المثال، إذا كنت تكتب مقالًا حول تكلفة إنشاء مدونة، فقد تكون لديك صورة لامرأة تكتب على الحاسوب مع عنوان وصفي مثل "إنشاء مدونة" أو "امرأة تستخدم حاسوب".
ولإضافة عنوان صورة في ووردبريس WordPress:
- اضغط على صورتك.
- حدد "Advanced" أو "خيارات متقدمة" من القائمة المنسدلة على الجانب الأيمن من الشاشة.
- أدخل العنوان في مربع "Title attribute" أو "وصف العنوان".
نظرًا لأن العنوان يظهر عند تحريك المؤشر فوق الصورة، فستسمع بعض الناس أحيانًا يصفونه بـ "شرح توضيحي".
سيبدو عنوان الصورة في تعليمات HTML البرمجية على النحو التالي، مع الانتباه إلى أن العنوان موضوع بخط غامق:
<img src=”امرأة-تستخدم-حاسوب.jpg” alt=”امرأة تستخدم حاسوب, إنشاء مدونة.” title=”إنشاء مدونة”>
نص بديل
تُستخدم النصوص البديلة للصور ليتمكن الأشخاص ضعاف البصر من قراءته عبر برامج قراءة الشاشة وفهم محتوى الصورة، لذا يجب أن يصف بوضوح ما هو موجود في الصورة.
إذا كانت صورتك تتضمن نصًا، مثل لقطة شاشة لمنشور آخر، فيجب عليك كتابة ذلك في النص البديل لتسهيل الوصول إلى كامل محتوى المنشور.
من الجيد أن يحتوي النص البديل على كلمات مفتاحية مثل نص العنوان، ولكن من المهم أيضًا أن تصف الصورة، لأنه الغرض من النص البديل. امنح كل الصور الموجودة على مدونتك عنوانًا ونصًا بديلًا، لتتلاءم مع تحسين محركات البحث.
سيبدو النص البديل في تعليمات HTML البرمجية على النحو التالي، مع الانتباه إلى أن النص البديل موضوع بخط غامق:
<img src=”امرأة-تستخدم-حاسوب.jpg” alt=”امرأة تستخدم حاسوب, إنشاء مدونة.” title=”إنشاء مدونة”>
في الختام
لا تنظر إلى استخدام الصور على مدونتك على أنه أمر مخيف أو صعب، كل ما تحتاج إلى فعله هو مراعاة هذه الأساسيات:
- تأكد من احتواء كل منشور في مدونتك على صورة واحدة على الأقل لزيادة الاهتمام البصري.
- اختر صورًا خاليةً من حقوق الملكية، إذ يمكنك إنشاء صور بنفسك أو استخدام الصور الموجودة على المواقع الإلكترونية.
- تغيير حجم الصور وضغطها قبل تحميلها، لزيادة سرعة تحميل صفحات الموقع.
- إضافة عنوان ونص بديل إلى الصور، لتحسين تجربة المستخدم وتهيئة المقال لمحركات البحث.
إذا لم يكن لديك مدونة بعد وتريد التعرف على كيفية إنشاء مدونة، فيمكنك الاطلاع على مقال ما هي تكلفة إنشاء مدونة؟، فهو يحتوي على كافة التفاصيل التي تحتاج إلى معرفتها حول هذا الأمر.
ترجمة -وبتصرّف- للمقال 6 Best Practices for Using Images on Your Blog لصاحبه Ryan Robinson.
أفضل التعليقات
لا توجد أية تعليقات بعد
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.