آموزش جامع بهینه سازی تصاویر برای موتورهای جستجو

جمعه ۳ بهمن ۱۳۹۳
نویسنده: محسن طاوسی
بازدید ها: 5,140 views
بهینه سازی تصاویر

 

بهینه سازی تصاویر همواره بخشی از بهینه سازی داخلی سایت (On Page Seo) بوده و هست و خیلی ساده در یک جمله به این معنی است که تصاویر وب سایت، دارای مقدار alt و title باشند و عکس ها، داری حجم بی رویه زیادی نباشند و نام فایل تصویر، مرتبط با موضوع آن باشد و برای تصاویر بی موضوع و ابزاری نیز نباید استفاده شود.

alt مخفف Alternative Text به معنای متن جایگزین است که به خزنده ها کمک می کند که مفهوم و موضوع عکس را متوجه شوند.نتایج حاصل از جستجو در بخش تصاویر گوگل و همه موتور های جستجو تحت تأثیر مشخه alt و title تصاویر است.البته در بخشی از الگوریتم جستجوی یافتن تصاویر به بخصوص در گوگل، بحث پردازش تصویر (Image Processing) نیز وجود دارد.اما همچنان ضعیف است و هنوز فناوری جستجوی تصاویر مرتبط با عبارت یا کلمه جستجو شده، در موتور های جستجو مبتنی بر alt و title تصاویر است.در نتیجه در صورتی که همین دو گزینه را برای تصاویر خود فراموش کنید، ترافیک و بازدید زیادی که از جستجوی تصاویر گوگل و موتور های جستجو حاصل می شود را از دست می دهید.

title هر تصویر نیز همان tooltip است که وقتی با نشانگر موس روی عکس صبر کنید نمایش داده می شود.

از آنجا که در PHP از همان کنترل های HTML استفاده می شود، کد بالا برای راهنمایی طراحان سایت و برنامه نویسان، کفایت می کند.اما برای ASP.NET معمولا از کنترل Image خود دات نت استفاده می شود.این کنترل، یک Property به نام Alternative Text دارد که همان alt است و یک Property به نام Tooltip دارد که همان title است.

نکات مهم در بهینه سازی تصاویر:

نام فایل تصویر را به صورت انگلیسی ترجمه شده، مرتبط با موضوع تصویر قرار دهید و کاراکتر های فاصله و غیر مجاز در آن به کار نبرید.زیرا تصاویر بخشی از آدرس شما می شوند (آموزش url غیر استاندارد چیست را مطالعه کنید)

برای مشخصه alt و title هم از تکرار کلمات کلیدی بیهوده پرهیز کنید.بحث keyword stuffing فقط مربوط به داخل متن و محتوا نمی شود.

برای تصاویر نمادین و کلا تصاویری که معنی ندارند و صرفا خاصیت icon  و ابزاری دارند و alt و title برای آنها بی معنی است، اصلا از alt و title استفاده نکنید.نمونه اینگونه تصاویر را می توان مثلا به کلید گزارش مشکل یا خرابی اشاره کرد.برای مثال سایت های دانلود معمولا یک کلید یالینک درباره گزارش خرابی لینک دارند.هر گونه تصویری که مرتبط با گزارش خرابی لینک باشد، نباید برای آن از alt و title استفاده کنید.گوگل و موتورهای جستجو، نیازی به درک کلید گزارش خرابی لینک دانلود سایت شما ندارند! و اصلا نباید خزنده ها را به اینها مشغول کنید.قرار نیست ۱۰۰ درصد تصاویر شما alt داشته باشند.متاسفانه عدی ای با مراجعه به سایت های تحلیل سئو مثل www.woorank.com وقتی مشاهده می کنند که سایتی دارای تصاویر بدون alt است، فکر می کنند که ضعفی در کار است و یا برعکس وقتی همه تصاویر خود، حتی تصاویر بیهوده خود را با alt مقدار دهی می کنند با افتخار می گویند که تصاویر سایت ما ۱۰۰% بهینه شده است! استفاده بیش از حد از alt و بهینه سازی تصاویری که متن جایگزین واقعا برای آنها بیهوده است، حتی می تواند در سئوی شما مضر باشد (به پست over optimization چیست مراجعه کنید)

 

موضوع مهم دیگر، حجم تصاویر است.حجم تصاویر ارتباط مستقیمی با سرعت بارگذاری صفحات و دفع کاربر که در سئو موثر هستند، دارد.اشتباه رایجی که در بسیاری از وب سایت ها وجود دارد عدم استفاده از تصویر thumbnail برای نمایش در لیست هاست.تصویر thumbnail نسخه دیگری از تصویر است که حجم و اندازه آن کاهش یافته است.برای مثال فرض کنید شما یک فروشگاه اینترنتی فروش موبایل و تبلت هستید.در هر صفحه از محصولاتتان، طبیعتا تصاویری بزرگ و با کیفیت از موبایل را دارید.وقتی کاربر وارد گوشی huawei mate می شود، یک تصویری بزرگ ۱۰۰ کیلوبایتی به کاربر نشان می دهید.(فرض کنید هر موبایل فقط یک تصویر دارد) . حالا اگر به لیست محصولات گوشی huawei مراجعه کنید، از نظر سئو و کلا استاندارد طراحی سایت به دو حالت زیر خواهد بود:

۱- همان تصویر ۱۰۰ کیلوباتی در لیست نمایش داده می شود.در نتیجه  در لیستی از محصولات گوشی huawei، (مثلا ۱۵ محصول) ، ۱۵۰۰ کیلوبایت یعنی ۱٫۵ مگابایت فقط به تصاویر اختصاص دارد.

۲-به جای استفاده از تصویر اصلی ۱۰۰ کیلوبایتی در لیست، تصویر thumbnail و بی کیفیت تر و کوچک تر در لیست نمایش داده می شود(هر عکس زیر ۱۰ کیلوبایت).در نتیجه در صفحه لیست محصولات huawei ، حداکثر ۱۵۰ کیلوبایت به تصاویر موجود در لیست اختصاص دارد.

 

واضح است که حالت دوم حالتی استاندارد و بهینه است.طبیعتا در صفحه ای که لیستی از محصولات را در ابعاد کوچک نشان می دهد،کیفیت بالا مشهود نیست و جز کاهش بیهوده سرعت، هیچ فایده ای ندارد.

همچنین همان تصاویر بزرگ نیز باید تا جای ممکن کم حجم شوند.حجم بالای تصاویر فقط هنگام چاپ به صورت فیزیکی است که مفید است.روی صفحه نمایش کامپیوتر و موبایل و تبلت، چه نیازی است که تصاویر با کیفیت با رزولوشن خیلی بالا قرار داده شود؟کیفیت تصاویر روی صفحه نمایش، از یک حد بیشتر شود، دیگر با چشم محسوس نیست و اگر هم محسوس باشد، برای کاربر فرق چندانی نخواهد کرد.لذا شما می توانید تصویری با حجم ۷۰۰ کیلوبایت را بدون آنکه در یک نظر، روی صفحه نمایش، دچار کاهش کیفیت شود، تا ۱۰۰ کیلوبایت و کمتر ، کم حجم تر کنید.برای کاهش حجم تصاویر برای استفاده در سطح وب به شکلی که کیفیت هم حفظ شود به آموزش کاهش حجم تصاویر بدون افت کیفیت در وب مراجعه کنید.

 

 

سوالات متداول:

۱- اگر عکس های سایت ما alt و title نداشته باشد دیگر نمی توان آن را سئو کردن و در کلمات و عبارهای مد نظر، به صدر نتایج گوگل بیاییم؟

بدون اینها هم شما می توانید سایت خود را با جستجوی عبارت های مختلف به صدر نتایج گوگل برسانید.فقط ورودی از جستجوی تصاویر گوگل به شدت کاهش می یابد و فقط یک جذابیت را برای خزنده ها، از دست داده اید و اندکی قدرت برای رسیدن به رتبه های بالا را از دست می دهید.اما به هیچ وجه به معنای عدم موفقیت شما نخواهد بود.

۲-آیا alt و title باید یکسان باشند؟

هیچ بایدی ندارد.هر چیزی که به عکس مرتبط است قرار دهید.تکراری هم باشد مشکلی ندارد.

۳- آیا title را حتما باید بگذاریم؟

خیر.مهمتر alt است.اگر title نگذاشتید مشکلی ندارد.

۴- چه زمانی نباید از title استفاده کنیم؟

از آنجا که title بر خلاف alt به کاربر نشان داده می شود، خیلی مواقع، متن داخل title برای تصویر به صورت متن، در نتایج گوگل در قسمت توضیح زیر وب سایت (جایگزین meta description) نمایش داده می شود.اگر سایت شما درباره نرخ دلار است و تصویر موجود در صفحه شما، بنر تبلیغاتی یک سایت تورو آژانس مسافرتی است نباید از title استفاده کنید.زیرا مطالب مرتبط با نرخ دلار با title ترکیب می شود و کاربر در نتایج گوگل (در توضیحات) کنار مطالب مرتبط با نرخ دلار، نام آن آژانس مسافرتی را مشاهده می کند که می تواند منجر به دفع کاربر و کاهش نرخ CTR شود. این مورد خیلی کم مشاهده شده است و چیزی نیست که بخواهید خیلی جدی بگیرید.اما به هر حال بهتر است برای بنر های تبلیغاتی که بی ربط به محتوای شما هستند، از title برای تصویر استفاده نکنید.

۵- اگر تصاویر را کم حجم کنیم، به دلیل کیفیت پایین تصاویر، موجب دفع کاربر نمی شود؟

قرار نیست طوری کم کنید، که کیفیت پایین آن مشهود باشد.

درباره نویسنده
محسن طاوسی
مطالب نویسنده
7 سالی هست که برنامه نویس .NET هستم و در زمینه سئو موضوعات رقابتی، فعالیت می کنم.

۲۱ دیدگاه نوشته شده است! می توانید دیدگاه خود را بنویسید

  1. مدل لباس می‌گه:

    با سلام ممنون عالی ومفیدبود

  2. اسماعیل می‌گه:

    سلام آقا محسن واقعا دمت گرم خیلی خیلی میخوامت یجوری توضیح دادی اصلا میره تو مخ من قشنگ میفهمم چی میگی بازم ممنونم موفق باشی

  3. یک دوست می‌گه:

    به قول آقا اسماعیل در کامنت قبلی آدم شیر فهم می شه دمت گرم آقا محسن

  4. حمزه می‌گه:

    سلام
    آیا در ارتباط با همسان سازی وبلاگ با موبایل و تبلت در asp.net مطالبی دارید

    با تشکر

  5. حسن می‌گه:

    مطلب کاربردی و خوبی بود..باتشکر ..موفق باشید.

  6. لباس مجلسی زنانه می‌گه:

    سلام و خسته نباشید مفید بود با تشکر

  7. sepide می‌گه:

    ممنون از مطالبتون
    خیلی مفید و کاربردی بود

  8. Reza می‌گه:

    واقعا ازتون ممنونم، خیلی کاربردی بود

  9. نیما می‌گه:

    سلام و خسته نباشید. من یه سایت دارم که در رابطه با آموزش شبیه سازی و مدلسازی (مربوط به پایان نامه ارشد و دکتری) . حالا بعضی آموزش ها هنوز آماده نشده .. میتونم صفحه ای بسازم و بنویسم آموزش شبیه ساز ….. به زودی ؟ یا اینکه در عنوان ننویسم فقط عکس به زودی بذارم ؟؟؟
    به نظرتون این کار برای سئو مضر هست یا برای اون صفحه و مطلب مفید است ؟

    • محسن طاوسی می‌گه:

      لازم نیست بنویسید به زودی.یک متن دو سه چهار خطی خیلی کلی درباره اون موضوع از خودتون براش بنویسید تا اینکه محتواش آماده شه.به صورت کلی هم هر چقدر عمر URL بیشتر باشه، بهتره.تنها برای دامنه های قوی(سایت هایی که فاکتور های در سطح دامنشون قوی هست) ، تفاوت چندانی نداره.

  10. حسین می‌گه:

    با عرض سلام و خسته نباشید.برای اینکه عکس های وبسایت در سرچ عکس گوگل بیایند،چه باید کرد؟ ممنون

    • محسن طاوسی می‌گه:

      استفاده از Alt و Title برای عکس، استفاده از متن مرتبط در صفحات عکس، انتشار در شبکه های اجتماعی و سایر فاکتور های سئو.

  11. بهمن می‌گه:

    سلام
    یه سوال داشتم از خدمتتون
    استفاده از lazy load برای عکس ها توی صفحاتی که تعداد زیاد عکس دارن و نیازی به لود شدن تمام عکس ها از ابتدای بالا اومدن صفحه نیست، مفیده یا نه؟
    چون توی پارامتر src تگ img آدرس عکس اصلی گذاشته نمیشه و موقعی که عکس توی دید کاربر قرار گرفت javascript شروع میکنه به لود کردن عکس
    میتونیم استفاده کنیم؟

    • محسن طاوسی می‌گه:

      خیلی مطلق نمی تونم بگم ضرر داره و نمی تونم بگم نداره.اما راه جایگزینی وجود داره که هم بتونید از Lazy load استفاده کنید و هم ضرر نداشته باشه.و اون هم اینه که، از تگ noscript استفاده کنید که برای اونهایی که جاوااسکریپتشون غیر فعاله، همه عکسا لود بشه.که ربات های موتور های جستجو هم شامل میشه.همچنین حتما از نقشه سایت برای ایندکس کردن تصاویر استفاده کنید و از لینک های داخلی، هم برای لینک دادن به URL تصاویر سایتتون، استفاده کنید.به این شکلف هم از lazy load استفاده می کنید و هم تصاویر رو برای موتور جستجو، قابل خزش و crawl می کنید.

  12. کیایی می‌گه:

    سلام
    ممنون بابت سایت بسیار مفیدتون.
    میشه بگین ایا استفاده از alt , title به صورت فارسی خوبه یا نه؟

  13. شیوا احمدی می‌گه:

    ببخشید من میخواستم بدونم ایا تگ های alt و discription برای کد ویدیو در سایت می تواند استفاده شود؟ چه نوع تگ های برای سئوی ویدیو وجود دارد؟

  14. مهدی حسینی می‌گه:

    جالب بود استفاده کردیم ولی درمورد حجم تصاویر و کیفیت آنها باید بیشتر تحقیق بشه!
    ممنون

  15. ابراهیم می‌گه:

    ما تازه شروع کردیم. و مطالب وبسایت هنوز آماده نیس. می خوایم به حد قابل قبولی برسیم بعد لانچ کنیم. و الان کاربر فقط یه صفحه به زودی رو می تونه ببینه. شما گفتید که سابقه url مهمه. می خوام بدونم برای سایتی مثل ما هم که تازه داریم مطالب رو بارگذاری می کنیم هم همینجوره؟ چون ترس از برنگشتن دوباره کاربر درصورت ناقص بودن سایت رو داریم. از نظر خودمون سایت حدودا یه ماه و خوردی طول میکشه تا آماده بشه.

    • محسن طاوسی می‌گه:

      شما سایت رو بالا بیارید.هر چند ناقص.حتی با یک صفحه! اول کار در SandBox هستید و کسی شما رو نمیبینه که بخواد برگرده.سایت رو بالا بیارید ولی تبلیغی نکنید و اقدام سئویی به جز On Page انجام ندیدنقشه سایت هم در سرچ کنسول آپلود کنید.الان فقط دارید زمان رو از دست می دید.اینطور هم نیست که چهار تا کاربر بیاد و خوشش نیاد دیگه اتفاقات بدی بیفته و سئوی شما خراب بشه.همیشه کاربر جدید هست و شما با بهبود مدام محتوا و UX میتونید به هدفتون برسید.نیاز نیست انقدر ایده آل گرایانه عمل کنید.هیچ سایت موفقی، اول کار، از نظر محتوا و UX تکمیل نبوده.

دیدگاه خود را به ما بگویید.


پربازدیدترین مقالات
ارتباط با ما
تماس و مشاوره رایگان :
مهدیزاده -09129175306
کلیه حقوق این سایت برای سئو روز محفوظ است.
صفحه اصلی   |    درباره ما   |    خدمات سئو   |    تماس با ما   |    شرایط و قوانین