سئو عکس ، تکنیکی بسیار مهم و کاربردی در افزایش سئو
سئو عکس ، تکنیکی بسیار مهم و کاربردی در افزایش سئو
درود بر تمامی همراهان همیشگی پلتفرم آموزشی زودیاک مرجع آموزش سئو و طراحی سایت
با جلسه ششم آموزش سئو در خدمت شما هستیم
در این جلسه قصد داریم به بهینه سازی تصاویر و سئو عکس بپردازیم.
سئو عکس یکی از کارهای است که ما برای سئو داخلی انجام میدهیم.
متاسفانه بسیاری از متخصصان SEO حتی به این قضیه توجه خاصی نمی کنند اما باید بدانید که گوگل تاکید بسیاری بر روی بهینه سازی تصاویر و سئو عکس دارد. بهینه سازی عکس نه تنها می تواند شما را نزد گوگل محبوب کند بلکه می تواند باعث افزایش سرعت سایت و کاهش حجم صفحات شما بشود . بهینه سازی تصاویر تا این اندازه مهم است که وبسایت بزرگ gtmetrix آن را جز دلایل افزایش سرعت سایت می داند و در آنالیز خود تمامی عکس های صفحه ها را چک می کند و در صورت عدم بهینه سازی، امتیاز شما را کم می کند. برای آشنایی بیشتر با سایت gtmetrix به آموزش زیر مراجعه کنید.
سئو عکس برخلاف اهمیتی که دارد کار بسیار آسانی است.
بهینه سازی تصاویر و سئو عکس 4 مزینت بسیار بزرگ دارد :
- افزایش چشمگیر سرعت سایت
- افزایش رتبه در سایت گوگل
- حجم کمتر عکس یعنی حجم کمتر صفحات سایت و این یعنی مصرف کمتر ترافیک اینترنت برای کاربر و سرور
- اشغال حجم به مراتب کمتر بر روی سرور
حال به سراغ آموزش بهینه سازی تصاویر و سئوعکس می رویم.
گام اول سئو عکس : انتخاب فرمت مناسب عکس
در ابتدا ما باید با انواع فرمت ها عکس آشنا بشویم تا بدانیم کدام را کجا باید استفاده کنیم و چه کاربردی دارد.
JPEG:
فرمت jpeg محبوب ترین فرمت در وب است.
اگر میزان فشرده سازی بالا باشد کیفیت عکس کاهش پیدا می کند.
حجم مناسبی دارد و تعداد رنگ بالایی را پشتیبانی میکند. برای تصاویر دوربین ها و سیاه و سفید گزینه مناسبی است. توسط همه مرورگر ها و نرم افزار های ویرایش عکس پشتیبانی می شود. برای تصاویر گرافیکی ساده و آیکون مناسب نیست و نمی تواند تصاویر شفاف (transparent) تولید کند.
PNG:
بزرگترین ویژگی این فرمت تولید تصاویر شفاف (transparent) است.
به همین دلیل بسیاری از لوگو ها و آیکون ها با این فرمت تولید می شوند. PNG از تعداد رنگ های بالای پشتیبانی می کند. برای تصاویر گرافیکی ساده مانند نمودار ، آیکون و … گزینه خیلی خوبی است. متاسفانه حجم تصاویر بالا است اما کیفیت بالاتری نسبت به jpeg دارد. این فرمت توسط بسیاری از مرورگر ها پشتیبانی می شود.
GIF:
این فرمت با تصاویر متحرک و انیمیشن های کوتاه معروف شده است.
این فرمت تنها 256 رنگ پشتیبانی می کند و خروجی ها معمولا تصاویر با کیفیتی نیستند. به همین دلیل این فرمت برای تصاویر گرافیکی کوچک و ساده مناسب است. مانند فرمت PNG توانایی تولید تصاویر شفاف را دارد وتوسط اکثر مروگرها پشتیبانی می شود.
BMP:
این فرمت که توسط مایکروسافت خلق شده است تنها در ویندوز پشتیبانی می شود. این فرمت بدلیل دخیره تمامی اطلاعات و عدم هیچگونه فشرده سازی ، حجم بسیار بالای دارد. خروجی این فرمت بسیار با کیفیت است اما برای چاپ مناسب است نه وب. این فرمت برای تصاویر لوگو، نمودار و آیکون می تواند گزینه خوبی باشد. BMP از تعداد رنگ بالا پشتیبانی می کند.
فرمت اختصاصی مایکروسافت و ویندوز است
SVG:
فرمت SVG بصورت برداری و وکتور است.
خروجی SVG را هر میزان که بزرگنمایی کنید کیفیت خراب نمی شود. این فرمت با محیط های وب که بر مبنای XML هستند سازگاری بالایی دارد و توسط اکثر مرورگر های پشتیبانی می شود. اگر تصویر خروجی یک تصویر ساده گرفیکی باشد SVG حجم کمتری نسبت به سایرین دارد اما در دیگر موارد حجم عکس به میزان قابل توجهی افزایش می یابد. SVG از تصاویر متحرک پشتیبانی می کند و قابلیت ویرایش در محیط های کد نویسی هم دارد.
WEBP:
این فرمت توسط گوگل خریداری شده است.
همین موضوع نشان از آینده درخشان و اهمیت این فرمت می دهد. این فرمت کیفیت بالایی دارد و در فشرده سازی بر اساس گفته های گوگل می تواند حدود 64% حجم تصویر را کاهش دهد. هنوز این فرمت فراگیر نشده و تنها توسط مرورگر اپرا و گوگل کروم پشتیبانی می شود. اما بدون شک این فرمت آینده درخشانی دارد.
بر اساس اطلاعات بالا ،شما می توانید فرمت مورد نظر خود را پیدا کنید اما توصیه ما این است به سمت فرمت JPEG و PNG بروید. این 2 فرمت علی الخصوص فرمت JPEG رایج ترین فرمت های وب هستند.
گام دوم : انتخاب عکس
گوگل بر روی عکس حساس است و به تصاویر اهمیت بسیاری می دهد.
به همین خاطر سعی کنید که تصاویر سایت را خودتان خلق کنید.
اما متاسفانه این کار معمولا شدنی نیست. چون نیاز به استخدام یک گرافیست حرفه ای دارد. برخی از شرکت ها که توانایی انجام اینکار را دارند به سمت گرافیست می روند اما بسیاری از کسب و کارها عکس ها را با جست و جو در گوگل پیدا میکنند. حال نکاتی را عنوان میکنم که اگر عکس ها را از گوگل دریافت می کنید متوجه ضرری نشوید. به نکات زیر دقت کنید:
1) در وردپرس قابلیتی وجود دارد که کاربر می تواند لینک عکس را به وردپرس بدهد و وردپرس آن را بر اساس URL در سایت بگذارد. بسیاری از افراد هنگامی که عکس مورد نظر را در گوگل پیدا می کنند لینک مستقیم آنرا در وردپرس می گذارند.
این کار فاجعه است.
گوگل کاملا متوجه می شود که عکس کپی برداری شده است و شما را تنبیه می کند.
البته این کار به سایتی اصلی که عکس را گذاشته هم ضربه می زند چون هر کاربری که وارد سایت ما می شود، برای بارگزاری عکس یک درخواست به سایت اصلی دارنده عکس می فرستد و اینکار باعث درگیر شدن منابع سرور اون سایت و افزایش حجم ترافیک اون سایت می شود. یک کانفیگ امنیتی وجود دارد که بارگزاری تصاویر سایت بر روی دیگر سایت ها جلوگیری میکند. به این کار hotlinking می گویند و متخصص امنیتی سایت باید آن را غیر فعال کند. اگر از گوگل عکس انتخاب می کنید حتما آن را دانلود و سپس خودتان بر روی سرورتان آپلود کنید. تا عکس از روی سرور خودتان بارگزاری شود.
برای پیدا کردن عکس می توانید به سایت های freepik ، flickr ، vectorstack ، freeimage هم مراجعه کنید.
2) نام عکس دانلودی را حتما عوض کنید و نام را انگلیسی انتخاب کنید نه فارسی. گوگل متوجه می شود که چنین عکسی با نام مشابه بر روی سرور دیگری هم وجود دارد. به همین دلیل حساس می شود و ممکن است متوجه بشود عکس مال خودتان نیست. پس حتما نام عکس را عوض کنید.
3) سعی کنید لوگو خودتان را بصورت واترمارک به تمامی عکس هایتان اضافه کنید
گام سوم سئو عکس ، انتخاب ابعاد عکس
ابعاد عکس بیشترین تاثیر را در سمت سایت شما دارد تا الویت های گوگل. چون هر قالب حداقل و حداکثر ابعاد عکس دارد. اگر این ابعاد را رعایت نکنید خود وردپرس به کمک کد های CSS ابعاد را تنظیم می کند. این کار گاها باعث deform شدن تصویر و کشیدگی در تصویر و کاهش کیفیت می شود. وجود عکس بی کیفیت تو ذوق کاربر می زند و تجربه کاربری کاربر را کاهش می دهد. شما می توانید در وردپرس در بخش تنطیماتß رسانه بروید و و خودتان حداقل و حداکثر را تنظیم نمایید. با اینکار دیگر CSS مقیاس عکس ها را عوض نمی کند.
گام چهارم ، فشرده سازی عکس
فشرده سازی یک بخش بسیار مهم در پروسه بهینه سازی و سئو عکس است. شما به 2 صورت می توانید عکس ها را فشرده سازی کنید.
- روش دستی
- با استفاده از افزونه
روش دستی :
شما برای اینکار عکس را پس از دانلود و تغییر نام بصورت دستی بهینه سازی میکنید.
برای بهینه سازی می توانید از از نرم افزار های مانند فتوشاپ استفاده کنید یا به سمت ابزار های انلاین بروید. سایت های آنلاینی وجود دارند که بصورت بسیار حرفه ای عکس را فشرده سازی می کنند. مانند :
شما عکس را درسایت های بالا آپلود می کنید و سایت عکس های بهینه شده را تحویل شما می دهد.
روش استفاده از افزونه :
افزونه های بسیاری وجود دارد که می توانید بر روی وردپرس خود نصب کنید و به شما در بهینه سازی تصاویر کمک میکنند. به این صورت که شما تصویر را در سرور خود آپلود می کنید و افزونه بصورت اتوماتیک آن ها را بهینه می کند. برخی از بهترین افزونه های به شرح زیر است :
- Wp smush
- Seo image
- Tinypng
- Imagify image optimizer
- Shortpixel image optimizer
- Optimus image optimizer
درسته که استفاده از افزونه کار را راحت تر می کند چون بصورت دستی شما یکبار باید عکس ها را در ابزار ها اپلود و دانلود کنید اما در افزونه شما عکس را وارد سایت می کنید و اتوماتیک بهینه می شود ، اما استفاده از روش افزونه معایبی هم دارد. بزرگترین مشکل استفاده از افزونه درگیر کردن منابع سرور است چون عملیات بهینه سازی بر روی سرور خوتان صورت می گیرد. همینکار باعث افزایش فشار بر روی سرور ، کندی سایت و کندی در پیشخوان وردپرس می شود.
توصیه ما استفاده از روش دستی است.
گام پنجم : استفاده از تگ alt یا همان متن جایگزن در تصاویر
هنگامی که عکس را در وردپرس خود آپلود می کنید ، در گالری بخشی وجود دارد به نام alt یا متن جایگزین.این باکس توضیحات مختصری در خصوص عکس است. این توضیحات هنگامی کاربرد دارد که عکس به هر دلیلی بارگزاری نشود. در این حالت متن جایگزین بجای عکس در صفحه قرار میگیرد. گوگل بر روی متن جایگزین بسیار حساس است چون این تگ 2 مزیت اساسی دارد. اول اینکه اگر تصویر بارگزاری نشود یا خیلی پیچیده باشد گوگل از طریق متن جایگزین برای شناسایی تصویر استفاده می کند و دوم اینکه کاربر از وجود عکس در صفحه مطلع می شود و باز هم اگر عکس بارگزاری نشود کاربر می فهمد که عکس در خصوص چیست. به همین دلیل متن جایگزین را جدی بگیرید. سعی کنید متن جایگزی حتما دارای کلید واژه کانونی صفحه شما باشد.
گام ششم سئو عکس : استفاده از متا تگ open graph
این تگ که توسط فیسبوک معرفی شد در سئو شبکه های اجتماعی کاربرد دارد.
احتمالا تا به حال دیده اید وقتی لینکی را در شبکه های اجتماعی به اشتراک می گذارید بصورت اتوماتیک یک خلاصه کوتاه به همراه عکس آن مقاله پدیدار می شود. این کار با کمک open graph رخ میدهد. بزودی آموزش کاملی در خصوص چیستی کامل open graph و نحوه استفاده از آن تهیه و خدمت شما همراهان عزیز قرار می گیرد.
شما با انجام مراحل بالا تمامی کارها در خصوص سئو عکس را به نحو احسنت انجام داده اید و در این بخش بیشترین امتیاز را از گوگل می گیرید. در انجام هیچکدام از کار ها تنبلی نکنید که به ضررتان می شود.
دیدگاهتان را بنویسید