به آخرین باری که یک تصویر را در وب سایت خود آپلود کردید، فکر کنید. احتمالا شما آن را از یک وب سایت تصاویر استوک دانلود کردید، سپس آن را در آرشیو سایت خود آپلود نمودید و سپس وارد صفحه مورد نظر خود کردید.
این موضوع مثال واضحی از بهینه سازی تصاویر می باشد، درست است؟ اشتباه می کنید، کاملا غلط است.
به نظر می رسد که به این ترتیب شما یک توپ بولینگ بزرگی را به وب سایت خود اضافه کردید و آن را سنگین ساختید و به این ترتیب سرعت سایت خود را به شدت کاهش داده اید. از طرف دیگر، موتورهای جستجو نیز بدون Alt Text نمی توانند آن تصاویر را بخوانند.
بیایید به این موضوع از دیدگاه دیگری نگاه کنیم.
بر اساس داده ها و اطلاعات به دست آمده از Jumpshot در سال 2018، بالای 20 درصد از کاربران وب سایت آمریکایی به سراغ Google Search می روند.
افراد مبتدی و آماتور و حتی افراد حرفه ای در زمینه سئو می دانند که بهینه سازی تصاویر برای وب سایت شما واقعاً می تواند ارزش زمانی که برای آن صرف می شود را داشته باشد.
Dan Morgan در WebSpection برای یکی از تصاویر خود رتبه نخست را در Google Image به دست آورد و در کمتر از 4 روز به وسیله بهینه سازی تصویر خود، "بهترین فرد در Cardiff" شناخته شد.
و Robbie Richards به وسیله اضافه کردن Alt Tags به تصاویر، فشرده سازی تصاویر و دیگر ترفندهای سئو، 150،732 بازدید به دست آورد.
بدون بهینه سازی مناسب و درست تصاویر، شما اسناد و دارایی های سئو سایت ارزشمند خود را از دست می دهید.
این موضوع مانند این است که موتورهای جستجو به شما شیر و بیسکویت رایگان بدهند. اما واقعیت این است که شما تنها بیسکویت را دریافت می کنید. در حالی که در دنیای واقعی، بیسکویت زمانی که در شیر فرو می رود بسیار خوشمزه تر و بهتر می شود.
بهینه سازی تصاویر مزیت های بسیاری دارد مانند تجربه کاربری بهتر، بارگیری پر سرعت تر صفحات و کسب رتبه بندی بهتر و بیشتر. و این موضوع به طور روز افزون تبدیل به یک نقش مهم در سئو وب سایت ها شده است.
همان طور که Matt Southern در Reddit Chat به بیانیه Gray lllyes درباره جستجوی تصویر اشاره کرد:
"ما فقط می دانیم که جستجوی رسانه ها (Video) به دلیل مزیتی که می تواند برای ناشران داشته باشد، نادیده گرفته می شود. از این رو ما مهندسین بیشتری را به این موضوع اختصاص می دهیم و هم چنین سعی می کنیم تا این مورد را توسعه دهیم".
اما کدام فاکتورها بسیار اهمیت دارند تا مطمئن شوید که تصاویر شما قابل دستیابی می باشند و وب سایت شما را کم سرعت نمی سازند؟
در این جا 11 توصیه بهینه سازی تصاویر مهم وجود دارد که باید بدانید:
1 - از فرمت صحیحی استفاده کنید
آشنایی با تمامی انواع فرمت های تصاویر می تواند مانند این باشد که برای اولین بار در Taco Bell سفارشی را ثبت می کنید. اما قبل از این که اضافه کردن تصاویر به وب سایت خود را آغاز کنید، شما باید مطمئن شوید که از بهترین نوع فایل استفاده می کنید.
در حالی که فرمت های تصویر بسیاری وجود دارد که از میان آن ها می توانید انتخاب کنید، PNG و JPEG رایج ترین فرمت فایل تصویری برای وب سایت ها می باشند.
- PNG: تصاویری با کیفیت تری را تولید می کند اما اندازه فایل بزرگ تری دارد.
- Jpeg: شما ممکن است با استفاده از این فرمت، کیفیت تصویر را از دست بدهید، اما می توانید سطح کیفیت آن را تنظیم کنید تا تعادل مناسبی را بیابید.
برای من، PNG بهترین گزینه درباره فرمت تصاویر است. معمولا تنها از JPEGs برای تصاویر بزرگ و دارای جلوه بصری بیشتری که توسط یک عکاس واقعی گرفته شده است، استفاده می کنم. اما برای استفاده روزمره، همیشه به سراغ PNG می روم.
2 - تصاویر خود را فشرده کنید
خوب، هیچ چیز بدتر از این نیست که صفحه سایت خود را بعد از آپلود کردن تصویری که فشرده نشده است، سنگین بسازید.
موتورهای جستجو ممکن است به صفحه وب شما نگاه کنند، همان گونه که شما به یک شیشه نوتلا نگاه می کنید، همان طور که نمی خواهید تمام محتویات نوتلا را در شکم خود بریزید تا سنگین شوید، به همان ترتیب نیز نباید از تصاویر بدون فشرده سازی در وب سایت خود استفاده کنید.
بر اساس Archive HTTP، تصاویر به طور میانگین 21 از درصد وزن و حجم صفحات وب سایت را به خود اختصاص می دهند.
به این دلیل است که من به شدت پیشنهاد می کنم که تصاویر خود را قبل از آپلود کردن در سایت، فشرده کنید. شما می توانید این کار را در فتوشاپ انجام دهید و یا می توانید از یک ابزاری به نام TinyPNG استفاده کنید. TinyPNG هم چنین دارای یک پلاگین WordPress است که شما می توانید از آن نیز بهره ببرید.
در هر صورت من WP Smush را به عنوان پلاگین WordPress خود ترجیح می دهم. این ابزار اندازه فایل تصویر را کاهش می دهد، بدون این که کیفیت آن را از بین ببرد. هر پلاگینی استفاده می کنید فرقی ندارد، در هر صورت مطمئن شوید که موردی را انتخاب می کنید که تصاویر را خارج از سرورهای خود فشرده می کنند. این امر مدت زمان بارگیری صفحات وب سایت تان را کاهش می دهد.
Incresasingly.com به وسیله فشرده کردن تصاویر، سرعت وب سایت را تا حدود 33 درصد/2 ثانیه بهبود داده است.
منظورم این است که بعد از فشرده کردن تصاویر تان، بارگیری صفحات سایت به طرز باورنکردنی سریع تر می شود.
اگر نسبت به این که چگونه تصاویر روی سرعت صفحات سایت تان تاثیر می گذارد، مطمئن نیستید، من پیشنهاد می کنم از ابزار PageSpeed Insight گوگل استفاده کنید و حتما آموزش تست سرعت سایت را در الگوها مشاهده نمایید.
3 - تصاویر منحصر به فردی را بسازید
مطمئنا شما می خواهید تا تصاویر در وب سایت شما برجسته باشند. اگر سایت خود را با تصاویر استوک پر کنید، مطمئنا به نظر اورجینال نمی رسید- مانند هزاران وب سایت های دیگر که اصلا چشمگیر و پایدار نیستند.
وب سایت های بسیاری توسط استفاده از تصاویر استوک رایج و عمومی، به شدت خود را نامرتب و نامنظم جلوه می دهند.
به یک وب سایت شرکتی، یک شرکت مشاوره و یک تجارتی فکر کنید که به داشتن سرویس و خدمات مشتریان خود افتخار می کنند. اما این وب سایت ها از یک تصویر استوک یکسانی که در آن یک مرد با کت شلوار رسمی در حال لبخند زدن است، استفاده می نمایند.
من مطمئن هستم که حداقل یک بار وب سایتی را دیده اید که از این تصویر استفاده می کند:
در حالی که ممکن است شما تصاویر استوک خود را به بهترین وجه ممکن بهینه سازی کرده باشید، اما به اندازه تصاویر با کیفیت و اورجینال، تاثیرگذار نیستند و برای سئو وب سایت مزیتی ندارند.
هرچه تصاویر اورجینال تری داشته باشید، تجربه بهتری برای کاربران خود مهیا می کنید و در جستجوهای مربوطه، رتبه بندی بهتری نیز به دست می آورید.
4 - مراقب کپی رایت باشید
صرف نظر از فایل های تصویری که برای استفاده در وب سایت انتخاب می کنید، مطمئن شوید که هیچ جریمه و مشکلی بابت حق کپی رایت وجود ندارد.
Postal Service در حال پرداخت 3.5 میلیون دلار در طرح دعوی در دادگاه درباره حق کپی رایت یک تصویر می باشد. طراحان این تصویر برای دریافت غرامت شکایت کردند.
اگر Getty، Shutterstock، Depositfiles و یا دیگر انواع تهیه کنندگان تصاویر استوک، مالک تصویری باشند که شما استفاده می کنید و از طرف دیگر لایسنس و مجوز استفاده از آن را ندارید، به این ترتیب مرتکب جریمه و پیگرد قانونی می شوید.
بر اساسا (Digital Millennium Copyright Act (DMCA، اگر هرگونه قانون حق کپی رایت را زیر پا گذاشته باشید، ممکن است به شما اخطار داده شود. اگر مالک یا مالکان آن بخش از محتوا متوجه شوند که محتواهای شان در وب سایت شما قرار دارد، می توانند شکایت خود را به DMCA Takedown اعلام کنند که شما حتما باید از آن پیروی کنید.
Google Images به شما اجازه می دهد تا نتایج جستجو را بر اساس آن دسته از تصاویری که برای استفاده مجدد قابل دسترس می باشند، فیلتر کنید.
5 - نام فایل تصویر را شخصی سازی کنید
زمانی که بحث سئو وب سایت ها می شود، نامگذاری توصیفی و غنی از کلمات کلیدی واقعاً ضروری و واجب است.
شخصی سازی نکردن نام فایل تصویرتان، مانند خوردن پیتزا بدون مواد (سوسیس، قارچ و غیره) به نظر می رسد.
نامگذاری فایل تصاویر می تواند به گوگل و سایر Crawlers موتورهای جستجو درباره موضوع تصاویر، مواردی را اطلاع بدهد.
معمولا نامگذاری های فایل تصاویر مانند "IMG_722019" یا چیزی شبیه به این می باشد. این موضوع مانند این است که از یک منو به زبان های مختلف، غذایی را سفارش دهید. آگاه باشید و بدانید که این موضوع به گوگل کمک نمی کند.
نام فایل را از حالت پیش فرض تغییر دهید تا به موتورهای جستجو کمک کنید که تصویر شما را بهتر درک کنند و ارزش سئو سایت شما را نیز بهبود دهند.
بسته به این که چقدر آرشیو رسانه شما وسیع و گسترده می باشد، این موضوع نیازمند اندکی تلاش و زمان است، اما تغییر نام تصویر از حالت پیش فرض همیشه ایده خوبی به نظر می رسد. بیایید به طور مثال به این تصویر از شکلات نگاهی بیندازیم:
من به سادگی می توانم نام این تصویر را "شکلات" یا Chocolate"" بنامم، اما اگر در وب سایت خود شکلات می فروشید، هر تصویر می تواند تحت عنوان "شکلات- 1"، "شکلات_ 2" و غیره نامگذاری شود.
من این تصویر را "شکلات- تلخ- قهوه" (Dark- Chocolate- Coffee) نام گذاری کردم تا به کاربران و موتورهای جستجو این امکان را بدهم که تصویر مورد نظر را بیشتر درک کنند.
6 - یک Alt- Text که به سئو وب سایت کمک می کند را بنویسید
Alt Tags ها یک نوع متن جایگزین تصاویر می باشند که زمانی که یک مرورگر نمی تواند به خوبی این تصاویر را ردیابی و بررسی کند، استفاده می نماید. درست مانند تگ Title، این Alt Attribute برای تشریح و توضیح محتواهای یک فایل تصویری مورد استفاده قرار می گیرد.
زمانی که یک تصویر بارگیری نمی شود، شما یک باکس و یا کادر تصویری رو به روی خود می بینید که در بالای گوشه سمت چپ یک Alt Tag در آن نمایان است. مطمئن شوید که آن ها مناسب و مطابق با تصاویر می باشند و تصویر مورد نظر را مرتبط تر می سازند.
توجه به Alt Tags هم چنین برای استراتژی سئو داخلی وب سایت نیز مفید و سودمند است. شما باید مطمئن شوید که دیگر بخش های مربوط به بهینه سازی نیز سر جای خود قرار دارند، اما اگر یک تصویر به هر دلیلی در بارگیری با خطا رو به رو شد، کاربران نمی توانند تصویری که باید نمایان می شد را ببینند.
هم چنین، استفاده از کلمات کلیدی در Alt Tag و اضافه کردن آن به تصاویر می تواند به سایت تان کمک کند تا در موتورهای جستجو رتبه بندی بهتری را به دست آورد. حتی گوگل درباره ارزش Alt Text برای تصاویر نیز سخن گفته است.
این ها برای گوگل اطلاعات مفیدی را درباره موضوع تصویر مهیا می کنند. ما از این اطلاعات استفاده می کنیم تا بهترین تصویری که به عبارت جستجوی کاربران ارتباط دارد را مشخص کنیم.
بر اساس American Disabilities Act، Alt Text برای افراد مورد نیاز است که نمی توانند به تنهایی تصاویر را مشاهده کنند. یک تگ Alt Text توضیحی و تشریحی می تواند دقیقا کاربران را متوجه نماید که چه چیزی در داخل تصویر وجود دارد. برای مثال، بیایید بگوییم که شما یک تصویر از شکلات در وب سایت خود دارید.
Alt Text می تواند به این ترتیب باشد:
در هر صورت، یک متن جایگزین بهتر که تصویر را توضیح می دهد، می تواند به این ترتیب خوانده شود:
Alt Text در نسخه (Cached) صفحه وب سایت تان قابل مشاهده است که هم برای کاربران و هم برای موتورهای جستجو مفید می باشد. برای کسب ارزش سئو بیشتر، زمانی که تصویر به یک صفحه متفاوت در سایت لینک داده می شود، Alt Text می تواند همانند Anchor Text یک لینک داخلی عمل کند.
7 - به ساختار فایل تصویری فکر کنید
در سال 2018، گوگل دستورالعمل های تصویر خود را بروز رسانی کرد. یکی از بروز رسانی های اخیر که آن ها آشکار کردند این بود که آن ها از یک مسیر فایل یا نام فایل برای رتبه بندی تصاویر استفاده می کنند.
تکرار می کنیم: مسیر و یا نام فایل، یک عامل قطعی در رتبه بندی وب سایت ها می باشد.
برای مثال، اگر شما یک برند وب سایت فروشگاهی دارید و چندین محصول را به فروش می رسانید، به جای این که تمام تصاویر محصولات خود را در یک پوشه/ رسانه/ بخش قرار دهید، پیشنهاد می شود که فولدر یا پوشه های زیر مجموعه خود را ساختار بندی کنید تا موضوعات مربوط به بخش های مختلف، طبقه بندی شوند مانند شلوار/ کتان/ جین و غیره.
8 - عنوان و توضیحات صفحه خود را بنویسید
گوگل هم چنین آشکار کرده که از عنوان و توضیح صفحه شما استفاده می کند.
صفحه پشتیبانی گوگل اظهار می دارد:
"Google Images به طور اتوماتیک یک تیتر و یا Snippet را می سازد تا برای هر نتیجه و این که چگونه به عبارت جستجوی کاربر مربوط می باشد، بهترین توضیح را ارائه دهد…. ما از منابع مختلفی برای این اطلاعات استفاده می کنیم، از جمله اطلاعات توضیحی در عنوان و Meta tags."
تمامی فاکتورهای سئو داخلی شما مانند Meta Data، Header Tags، متن در صفحه، داده های ساختار بندی شده و غیره روی روشی که گوگل تصاویر شما را رتبه بندی می کند، تاثیر می گذارد.
این موضوع مانند این است که تمامی مواد پیتزا را روی نون مخصوص بریزید که واقعاً به این ترتیب بسیار خوشمزه می باشند. از این رو مطمئن شوید که متن های توضیحی مناسبی را می افزایید تا رتبه بندی تصاویر خود را بهبود دهید.
9 - ابعاد تصاویر خود را مشخص کنید
اگر از AMP و یا PWAs استفاده می کنید، نیاز دارید تا ابعاد تصاویر را در منبع برنامه نویسی مشخص کنید.
در هر صورت، اگر از هیچ یک از آن ها استفاده نمی کنید، هنوز هم بهترین کار این است که عرض و ارتفاع تصاویر خود را مشخص کنید. این امر تجربه کاربری بهتری را فراهم می کند.
هم چنین، این موضوع به مرورگرها اجازه می دهد تا قبل از این که CSS بارگیری شود، تصویر را اندازه بگیرند. هم چنین به این ترتیب هنگام بارگیری، صفحه پرش نمی کند و یا با خطا رو به رو نمی شود.
10 - مطمئن شوید که تصاویر شما مطابق با گوشی های همراه می باشند
سئو وب سایت گوشی همراه. در بدترین حالت ممکن، می تواند میزان Bounce Rate سایت تان را افزایش دهد و باعث افت و کاهش تبدیل کاربران به مشتریان سایت شود. اما در بهترین حالت ممکن، می تواند به شما قدرت رتبه بندی بیشتری بدهد و بهتر می توانید مخاطبین و کاربران را به سمت خود جذب کنید و آن ها را سرگرم بسازید.
مشکل این است که چگونه تصاویر را برای ایندکس ابتدا گوشی همراه بهینه سازی کنید؟
شما تصاویر ریسپانسیو را می سازید. این امر به این معنا است که ابعاد تصاویر می توانند بر اساس اندازه سایت شما تغییر کنند، حال چه کاربر از نسخه دسک تاپ استفاده کند یا گوشی همراه فرقی ندارد. سایت شما با اندازه ابزار مطابقت می یابد.
11 - تصاویری را به Sitemap خود بیافزایید
چه شما تصاویری را به Sitemap خود بیافزایید و یا Sitemap جدیدی را برای تصاویرتان بسازید فرقی ندارد، در هر صورت باید تصاویر جایی در Sitemap شما جای داشته باشند.
قرار دادن تصاویر در Sitemap واقعاً می توان شانس Crawl کردن و ایندکس کردن تصاویر توسط موتورهای جستجو را افزایش دهد. به این ترتیب ترافیک وب سایت بیشتری را نیز به دست می آورید.
اگر از WordPress استفاده می کنید، Yoast SEOیک راه حل Sitemap را در پلاگین خود ارائه می دارد.
ترفند های کلیدی بهینه سازی تصاویر
بنابراین قبل از این که تصاویر را در وب سایت خود آپلود کنید، مطمئن شوید که قوانین بهینه سازی که در بالا بیان کردیم را پیروی می کنید.
مهم ترین موضوع این است که اطمینان به دست بیاورید که تصویر و متن جایگزین با صفحه مورد نظر مرتبط می باشد. دیگر ترفند ها در این زمینه به این ترتیب می باشند:
- انتخاب فرمت صحیح فایل. PNGs فرمت مورد علاقه من برای اسکرین شات ها می باشد.
- اندازه فایل را برای سریع تر کردن سرعت بارگیری صفحه، کاهش دهید.
- مطمئن شوید که عوامل سئو داخلی شما (Metadata، داده های ساختاری و غیره) با تصویر شما هماهنگ است.
- برای افزایش میزان Crawl شدن، یک تصویر Sitemap بسازید و یا مطمئن شوید که تصاویری را در Sitemap نمایان می کنید.
بهینه سازی تصاویر اصلا شوخی بردار نیست. با پیشرفت هایی که در تکنولوژی جستجوی صوتی صورت گرفته است، اهمیت رسانه ها روز به روز بیشتر می شود و سایت شما تماما می تواند از مراحلی که در بالا بیان کردیم سود و نفع ببرد.
برای کسب اطلاعات بیشتر حتما این ویدئوی آموزشی را مشاهده نمایید.
زنده باد سئو