مدونة ورشة لونك

تحسين الصور في السيو

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...
30
Sep
مقالات
  • مهاب البوشي
  • منذ3 سنوات

تحسين الصور في السيو

الكثير من الناس لا تعرف إن الصور تلعب دور كبير و مهم جداً في السيو بشكل عام . و من المعروف إن جوجل تفضل الصفحات التي بها ملفات ميديا . بمعني ، إنه يفضل عموماً موقع به الكثير من الصور و الفيديوهات و ملفات الـ PDF عن موقع عبارة عن نص عادي .

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

  1. حاول جعل الصور صغيرة بقدر الإمكان من حيث الحجم .
  2. يجب إسم الملف يكون ذي صلة بالشئ الموجود بالصورة (example.jpeg) ، و يفضل أن تكون الكلمة الرئيسية المستهدفة .
  3. استخدم البيانات الوصفية للصورة مثل تاج Alt و تاج Title و التسمية التوضحية و نحن نفضل أن تضع بها الكلمات الرئيسية .
  4. سوف يكون الأمر رائع إذا كنت تحيط صورك بالكلمات الرئيسية .

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

عندما يتعلق الأمر بحجم الصورة ، هناك بعض النصائح السريعة لجعل صورتك صغيرة قدر الإمكان . دائماً قم بحفظ الصورة الخاصة بك بأصغر شكل ممكن . لنفترض مثلا إنك تعرض صورة مصغرة علي موقعك و هي تبلغ 200×200 بكسل ، فلا تحملها علي إنها 4000×4000 بكسل و تقلصها علي موقعك الإلكتروني .

علامات تاج الوصف و الالت Alt

تاج الـ Alt و الوصف للصورة هي سمة متاحة لك و يجب عليك إستخدامها و إضافتها إلي كل تاجات الصور .

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

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

حجم الصورة في السيو

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

الأمثلة علي هذا الكلام هي بعض الصور الموجوة في هذا الدليل ، بدأ العديد منهم علي النحو 100 كيلو بايت ، تم حفظها كما 50 كيلو بايت ثم مزيد من التحسين بإستخدام TinyPNG و السيرفر الخاص بنا و تم إسقاطهم إلي 15 كيلو بايت أو أقل . و هذا أكثر من 75% تخفيض في الحجم ! تخيل مدي سرعة المواقع إذا كان الكل فعل هذا .

يمكنك بسهولة تغيير وقت تحميل موقع علي الإنترنت من 5 ثوان إلي 2 ثانية بواسطة تحسين الصور .

تنظيم الصور

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

إذا كنت لا تستطيع الإبتكار أو الإبداع الأن ، علي الأقل إنشئ مجلد “فولدر” بإسم (images) و إستخدمه لتخزين جميع الصور الخاصة بك . أوصي بها شخصياً

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

هيكلة بيانات الصورة

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

<div itemscope itemtype=”http://schema.org/ImageObject”>
<h2 itemprop=”name”>Photo of Something</h2>
<img src=”mexico-beach.jpg” itemprop=”contentUrl” />
By <span itemprop=”author”>Patrick Coombe</span>
Photographed in
<span itemprop=”contentLocation”>Delray Beach, FL</span>
Date uploaded:
<meta itemprop=”datePublished” content=”2008-01-25″>Jan 25, 2015
<span itemprop=”description”>I took this picture while I was out for a stroll</span>
<div itemprop=”exifData” itemscope itemtype=”http://schema.org/PropertyValue”>
<meta itemprop=”name” content=”Exposure Time”>
<meta itemprop=”value” content=”1/500 sec.”>
</div>
<div itemprop=”exifData” itemscope itemtype=”http://schema.org/PropertyValue”>
<meta itemprop=”name” content=”FNumber”>
<meta itemprop=”value” content=”f/3.0″>
</div>
<div itemprop=”exifData” itemscope itemtype=”http://schema.org/PropertyValue”>
<meta itemprop=”name” content=”MaxApertureValue”>
<meta itemprop=”value” content=”2.00″>
</div>
<div itemprop=”exifData” itemscope itemtype=”http://schema.org/PropertyValue”>
<meta itemprop=”name” content=”Flash”>
<meta itemprop=”value” content=”Flash Off.”>
</div>
</div>

ما هو تنسيق الصور ؟

عند حفظ صورة في الفوتوشوب ، فمن المهم معرفة ما هو التنسيق المناسب لحفظها به .

jpeg هي عظيمة للصور ، بعض الألوان مع الكثير من التظليل . و لكن PNG مخصص للرسومات الصغيرة مثل الشعارات “الوجوهات Logos” و الايقونات الصغيرة جداً . و جرافيك الإنترنت مع عدد قليل من الألوان . صور GIF حجمها يكون كبير و لكنها تكون متحركة .

بإمكانك التجربة بنفسك جميع الصيغ التي تستخدمها و معرفه أحجامهم عند حفظهم . مثال ، هذه صورة مثال حفظتها في الفوتوشوب كـ JPEG و كان حجمها 200 كيلو بايت (أعلي جودة) . تم حفظ نفس الصورة بالضبط كـ PNG و كما تري فإن حجمها أكثر من الضعف .

الترتيب في محرك بحث جوجل صور

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

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

انفوجرافيك أجنبي يوضح تحسين الصور

انفوجرافيك عن تحسين الصور

انفوجرافيك عن تحسين الصور

نبذه عن الكاتب

مهاب البوشي خبير تحسين المواقع في محركات البحث (SEO) في ورشة لونك و مؤسس شركة ترويج .

اترك تعليقا

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *


ورشة لونك

اخبار ذات صلة

24
Feb

تحميل ايقونات تطبيقات اندرويد لولي بوب مجانا PNG

حصريا علي اكاديمية ورشة لونك نقدم لكم تحميل ايقونات مميزة لتطبيقات اندرويد لولي بوب Android Lollipop و هذه الايقونات PNG و..

30
Jul

ما هي طرق التعامل مع الشخصيات الصعبة (4 شخصيات)

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

01
Oct

شرح بالصور و بالفيديو طريقة تنصيب و تثبيت قوالب الووردبريس

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

ورشة لونك

إتصل بنا

العنوان

محافظة الشرقية - الزقازيق - حي الزهور

البريد الالكتروني

sales@yourcolor.net

رقم الهاتف

01000088304

خدمة الدعم الفني

  • 01000088304
  • 01009630033
تواصل معنا :
ورشة لونك هى شركة مصرية, تعمل فى السوق المصرى والشرق الأوسط منذ عام 2010 . نقدم خدماتنا فى مجال الاستضافة وتصميم المواقع وحجز الدومينات. نهتم دائما بتقديم أفضل خدمة عند تقديم خدماتنا, مع أفضل خدمة عملاء ضمن شركات الاستضافة فى الشرق الأوسط.

تفاصيل التقييم