نکات کلیدی در بهینه سازی تصاویر سایت
در هر طراحی سایت بهره گیری از تصاویر نقش مهمی بر زیبایی محیط داخلی و افزایش کارایی خواهد داشت. با این حال بسیاری از سایت ها توجه کمی به بهینه سازی تصاویر میکنند. رعایت اصول بهینه سازی تصاویر سایت نه تنها سرعت بارگذاری صفحات را افزایش میدهد، بلکه میتواند جایگاه شما را در بخش جستجوی تصاویر گوگل نیز بهبود بخشد.
اگر نگاهی ساده به سایت ها بیندازید به راحتی متوجه خواهید شد که حجم بالایی از محتوای سایت هاپ از تصاویر تشکیل شده است. استفاده از تصاویر به سایت شما رنگ تازه ای میدهد و بدون تصویر سایت شما یک سایت خشک و بدون روح خواهد بود و این تصاویر هستند که محتوای دیداری برای خواننده را ایجاد می کنند و بسیاری از مفاهیم قابل ملموس تر می سازد. اگر شما یک فروشگاه اینترنتی داشته باشید این تصاویر هستند که نمایانگر محصولات شما می باشند.
اما باید به این نکته توجه کرد که استفاده از تصاویر نیز باید با رعایت اصولی باشد که اگر این اصول رعایت نگردد باعث افت کیفیت سایت و از دست دادن کاربران خود خواهید شد و در این موقع است که نه تنها تصاویر جذاب نمی شود بلکه باعث دفع کاربر از سایت میشود. بنابراین اگر تصاویر حجم بالایی داشته باشند بر روی لود شدن سایت تاثیر گذار خواهد بود.
1- بهینه سازی تصاویر با استفاده از ویژگی title استفاده کنید.
این ویژگی یکی از راه های افزایش سئوی سایت می باشد.هنگامی که موس خود را بر روی یک تصویر می برید کادری نمایش داده می شود که در درون آن نام عکس قرار داده شده است. title هر تصویر نیز همان tooltip است که وقتی با نشانگر موس روی عکس صبر کنید نمایش داده می شود.
<img src="http://codefriend.ir/image.jpg" alt="بهینه سازی تصاویر" title="بهینه سازی تصاویر" />
تگ عنوان یا همان Title tag برای زمانیکه تصویر شما به صفحه مشخصی لینک شده باشد، استفاده میگردد و در صورت تعریف آن با حرکت موس بر روی تصاویر بجای متن جایگزین عنوان عکس نمایش داده خواهد شد. برای بهینه سازی تصاویر سایت، تگ عنوان بهتر است که با متن جایگزین تفاوت داشته باشد و حاوی اطلاعاتی از صفحه لینک شده به تصویر باشد. توجه موتور جستجو به این تگ کمتر از بقیه بوده ولی تعریف صحیح آن میتواند به کاربران برای درک بهتر موضوع تصویر کمک کند.
2-بهینه سازی عکس با استفاده از ویژگی alt استفاده کنید.
با استفاده از ویژگی alt این امکان برای شما وجود دارد که آن تصویر را به روبات ها شناساند. در واقع کد alt یک راه عالی برای بهینه سازی موتورهای جستجو می باشد. مزیت دیگر ویژگی alt در مواقعی است که تصویر دیر لود می شود و با استفاده از کد بفهمید که آن تصویر چه چیزی بوده است،متن جایگزین یا همان Alt tag، در صورت لود نشدن تصویر به کاربر نمایش داده میشود.
این اتفاق زمانی میافتد که کاربر اجازه لود شدن تصویر در مروگر خود را نداده باشد و یا با توجه به سرعت پایین اینترنت زمان زیادی برای نمایش صحیح تصاویر سایت نیاز باشد. همچنین زمانیکه نشانگر موس را بر روی عکس قرار میدهیم متن جایگزین نمایش داده میشود. برای بهینه سازی تصاویر سایت استفاده از متن جایگزین اهمیت ویژه ای دارد زیرا موتور جستجوی گوگل توجه ویژه ای به آن در شناسایی تصاویر میکند.
3.بهینه سازی تصاویر با حجم مناسب
پس از انتخاب پسوند فایل هنوز میتوانید به روشهای دیگری حجم آن را کاهش داده و بهینه سازی عکس را بهبود بخشید. مهمترین مرحله زمان ذخیره یک تصویر است که نرم افزارهای گرافیکی انتخاب های متنوعی را در اختیار شما قرار میدهند. برای بهینه سازی عکس معمولا با کاهش حجم تا ۸۰ درصد سایز اولیه آن تغییر ایجاد شده قابل تشخیص برای چشم انسان نخواهد بود، ولی همین کار بخصوص در صفحات گالری یا فروشگاهی میتواند تا حد زیادی موجب افزایش سرعت بارگذاری شود.نرم افزار فتوشاپ گزینه ای با عنوان “Save for Web Devices” در نظر گرفته است که به شما امکان کاهش حجم فایل و مقایسه همزمان کیفیت تصویر اولیه با نمونه بهینه سازی شده را میدهد
4-بهینه سازی تصاویر سایت با انتخاب پسوند مناسب
پسوندها و فرمت های زیادی برای ذخیره و نمایش تصاویر وجود دارد که پرکاربردترین آنها JPG و PNG هستند. انتخاب پسوند مناسب برای هر تصویر میتواند در بهینه سازی تصاویر سایت و کاهش حجم فایل نقش مهمی داشته باشد. بطور مثال برای عکس هایی به تعداد رنگ بالا و سایز بزرگ پسوند JPG مناسب بوده و برای تصاویر کوچکتر یا تعداد رنگ پایین پسوند PNG توصیه میشود. برای اطمینان از بهینه سازی تصاویر میتوانید حجم فایل با پسوند PNG و JPG را مقایسه کرده و هرکدام مناسب تر بود را بکار ببرید.
5- برای بهینه سازی عکس نام مناسب برای تصاویر انتخاب کنید.
یکی از کارهایی که باید در بهینه سازی تصاویر انجام داد انتخاب نام مناسب است. سعی کنید نام تصویر کاملا مرتبط، مختصر و مفید باشد. نام فایل تصویر را به صورت انگلیسی ترجمه شده، مرتبط با موضوع تصویر قرار دهید و کاراکتر های فاصله و غیر مجاز در آن به کار نبرید.
زیرا تصاویر بخشی از آدرس شما می شوند. برای مشخصه alt و title هم از تکرار کلمات کلیدی بیهوده پرهیز کنید.بحث keyword stuffing فقط مربوط به داخل متن و محتوا نمی شود. برای تصاویر نمادین و کلا تصاویری که معنی ندارند و صرفا خاصیت icon و ابزاری دارند و alt و title برای آنها بی معنی است، اصلا از alt و title استفاده نکنید.
تمامی نکات کلیدی بالا به منظور افزایش سئو سایت استفاده می شود.اگر می خواهید در نتایج جستجوی تصاویر گوگل هم صدر نتایج باشید بهتر است از نکات کلیدی فوق استفاده کنید.
برچسب:Save for Web در فتوشاپ, اصول بهینه سازی, افزایش سرعت بارگذاری, افزایش سرعت بارگذاری سایت, اموزش سئو تصاویر, بهینه سازی تصاویر, بهینه سازی تصاویر سایت, تصاویر سایت, جستجوی تصاویر گوگل, سئو تصاویر سایت, سئو تصویر, سرعت بارگذاری, نکات کلیدی, نکات کلیدی برنامه نویسی, نکات کلیدی سئو, ویژگی alt, ویژگی alt تصویر, ویژگی alt تصویر چیست, ویژگی title, ویژگی title در سئو, ویژگی title در سدو