Blog

Details

Written by: baghi

Category: Blog

Published: 28 August 2024

Hits: 101

زمانی بود که ارائه محتوای با کیفیت بزرگترین اولویت سئوکاران نبود.

نگرانی آنها در آن زمان عمدتاً شامل پر کردن وب سایت ها با کلمات کلیدی و انجام انواع ترفندها بود به این امید که موتورهای جستجو متوجه وب سایت هایی شوند که روی آنها کار می کنند و رتبه های برتر را در صفحات نتایج موتورهای جستجو (SERPs) به آنها بدهند.

تا آنجا که به سئوکاران مربوط می شود، محتوا واقعاً اهمیتی نداشت، زیرا وب سایت های بی شماری با محتوای اساساً بی فایده در آن روزها در صدر SERP قرار داشتند.

خوشبختانه، گوگل با اجرای تغییرات الگوریتم تغییر بازی در سال 2011، این مهمانی را متوقف کرد. محتوای وب که زمانی نادیده گرفته شده بود، از آن زمان به بعد جایگاه واقعی خود را به عنوان پادشاه بازی کرده است و سئوکاران اکنون مطمئن می شوند که وب سایت هایشان چیزی جز محتوای با کیفیت بالا ندارد. برای کاربران موتورهای جستجو مرتبط و مفید است.

از نظر فنی، می توانید هر محتوایی را که می خواهید در وب سایت خود منتشر کنید. با این حال، برخی از انواع محتوا شانس بیشتری برای جلب توجه و رتبه بندی توسط گوگل و همکاران دارند. در اینجا انواع محتوایی که برای سئو بهترین هستند آورده شده است.
پست های وبلاگ معتبر

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

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

از این ابزارهای رایگان برای ایجاد اینفوگرافیک هایی که مردم مایل به اشتراک گذاری آن هستند استفاده کنید.
ویدیوها

امروزه ویدئوها بیشترین مصرف رسانه و ترافیک وب را تشکیل می دهند و دلیل خوبی هم دارد: از هر مقاله یا اینفوگرافیک جذاب تر هستند. اگر پیش‌بینی کارشناسان مبنی بر اینکه تا سال 2020 80 درصد از کل ترافیک وب را تشکیل می‌دهد، محتوای ویدیویی در آینده نیز غالب خواهد شد.

ویدیوهای خود را در YouTube بهینه کنید تا کلیپ پیشنهادی را در نتایج جستجوی Google ادعا کنید.
کلیپ پیشنهادی گوگل در نتیجه جستجو
محتوای پرطرفدار

مطمئناً موضوعات پرطرفدار دوام زیادی ندارند، اما محبوبیت آنها اغلب به اندازه کافی برای جذب ترافیک به سایت شما در مدت زمان کوتاهی است. می‌توانید از محتوای پرطرفدار برای کمک به راه‌اندازی محصولات جدید یا تبلیغ محصولات موجود استفاده کنید.

اگر محتوای خود را درست زمان بندی کنید، می توانید از اخبار داغ و موضوعات داغ برای جذب کاربران بیشتر و لینک های با کیفیت استفاده کنید. این فرآیند به "جنگ خبری خبری" معروف است.

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

مزایای زیادی برای ایجاد محتوای اخبار جک وجود دارد:

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

Newsjacking یک ابزار مفید در جعبه ابزار لینک بیلدینگ برای هر سئو سایت است.
راهنماهای چگونه

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

یکی از بهترین مکان‌ها برای شروع در هنگام جستجوی ایده‌های چگونه، تیم‌های پشتیبانی و فروش شما هستند. بلیت‌های مرکز راهنمایی، ایمیل‌های ورودی و تماس‌های مشتریان را بررسی کنید تا متداول‌ترین سؤالات را برای ایده‌های محتوا بررسی کنید.

اگر شخصی برای پرسیدن سوال شما وقت بگذارد، به احتمال زیاد قبلاً در اینترنت جستجو کرده است. بنابراین این می تواند ارزش سئو زیادی را اضافه کند.
لیست ها

همه لیست ها را دوست دارند، خواه به شکل یک مقاله مجله یا یک پست وبلاگ باشند. بنا به دلایلی، زمانی که عنوان مقاله یا پست با یک عدد شروع می‌شود، فهرست محبوب‌تر می‌شود.

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

Details

Written by: baghi

Category: Blog

Published: 28 August 2024

Hits: 162

ادامه مقاله 12 نکته برای سئو عکسها

3. بهینه سازی نام فایل های تصویری

وقتی صحبت از سئو به میان می‌آید، ایجاد نام فایل‌های توصیفی و غنی از کلمات کلیدی (نه پرشده) کاملاً حیاتی است.

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

معمولاً، نام فایل‌هایی که شبیه «IMG_722019» یا موارد مشابه هستند، به Google در درک بهتر تصویر کمک نمی‌کنند.

حتی اگر گوگل اکنون می تواند محتوای تصویر را درک کند، تعیین نام فایل های معنی دار و کمک به گوگل برای درک بهتر تصاویر ضرری ندارد.

نام فایل را از پیش فرض تغییر دهید تا به موتورهای جستجو کمک کنید تصویر شما را درک کنند و ارزش سئوی شما را بهبود بخشند.

بسته به اینکه کتابخانه رسانه شما چقدر گسترده است، این کار مستلزم کمی کار است، اما تغییر نام تصویر پیش فرض همیشه ایده خوبی است.
4. متن جایگزین SEO-Friendly بنویسید

تگ‌های Alt جایگزین متنی برای تصاویر هستند که مرورگر نمی‌تواند آن‌ها را به درستی رندر کند. مشابه عنوان، ویژگی alt محتویات یک فایل تصویری را توصیف می کند.

هنگامی که تصویر بارگیری نمی شود، یک کادر تصویر با تگ alt در گوشه بالا سمت چپ وجود دارد. اطمینان حاصل کنید که تگ های alt با تصویر مطابقت دارند و تصویر را مرتبط می کنند.

توجه به تگ های alt نیز به نفع استراتژی کلی سئو داخلی صفحه است.

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

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

اطلاعات مفیدی در مورد موضوع تصویر در اختیار گوگل قرار می دهد. Google از این اطلاعات برای کمک به تعیین بهترین تصویر برای بازگرداندن درخواست کاربر استفاده می کند.

در اینجا یک نمونه از متن جایگزین بد و خوب در اسناد رسمی Google آورده شده است.

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

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

متن جایگزین می تواند خوانده شود:

<img src=”chocolate-1.jpg” alt=”chocolate”/>

با این حال، متن جایگزین بهتری که تصویر را توصیف می‌کند، می‌خواند:

<img src=”chocolate-1.jpg” alt=”کافه با طعم شکلات تلخ”/>

برای ارزش سئو بیشتر، متن جایگزین می تواند به عنوان متن لنگر یک لینک داخلی عمل کند، زمانی که تصویر به صفحه دیگری در سایت پیوند می خورد.
5. عنوان و توضیحات صفحه خود را بهینه کنید

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

همه عوامل اولیه سئوی درون صفحه شما، مانند متادیتا، تگ‌های سرصفحه، کپی روی صفحه، داده‌های ساختاریافته و غیره، بر نحوه رتبه‌بندی تصاویر توسط گوگل تأثیر می‌گذارند.

مثل این است که تمام مواد را روی بوریتو خود قرار دهید. طعم آن با گواکامول بسیار بهتر است. بنابراین، مطمئن شوید که برای بهبود رتبه بندی تصاویر، guac را اضافه کنید.
6. ابعاد خود را تعریف کنید

ویژگی‌های ابعاد تصویر برای جلوگیری از مسائل تغییر چیدمان تجمعی (CLS) که می‌تواند در بهینه‌سازی Core Web Vitals شما اختلال ایجاد کند، مهم هستند. این کار از پرش صفحه هنگام بارگیری جلوگیری می کند.

اطمینان از اینکه ویژگی‌های عرض و ارتفاع را برای هر عنصر تصویر و ویدیو لحاظ می‌کنید، کلیدی است.

این به مرورگر می‌گوید که چقدر فضا برای منبع اختصاص دهد و از جابجایی محتوای مزاحم که امتیاز CLS شما را پایین می‌آورد، جلوگیری می‌کند.

ویدئوی نمایشی کوتاه زیر را بررسی کنید که چگونه تصاویر بدون تنظیم ویژگی‌های عرض و ارتفاع می‌توانند باعث بالا و پایین پرش صفحه شوند.

. تصاویر خود را برای موبایل مناسب کنید

همانطور که ممکن است متوجه شده باشید، ما به طور خلاصه به ویژگی های srcset و sizes هنگام بحث در مورد فرمت های تصویر اشاره کردیم.

در اصل، این ویژگی‌ها تصاویر واکنش‌گرا را فعال می‌کنند و به آن‌ها اجازه می‌دهند تا بر اساس اندازه دستگاه یا وضوح کاربر مقیاس شوند و با صرفه‌جویی در پهنای باند گران‌بها، به ویژه در اتصالات شبکه کند، در اندازه بهینه بارگذاری شوند.

حال، بیایید عمیق‌تر به این ویژگی‌ها بپردازیم تا نحوه عملکرد آنها را درک کنیم.

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

<picture>
<!-- قالب WebP برای مرورگرهایی که از آن پشتیبانی می کنند -->
<منبع type="image/webp"
srcset="image-300w.webp 300w,
image-600w.webp 600w,
image-1200w.webp 1200w"
sizes="(max-width: 600px) 300px,
(حداکثر عرض: 900 پیکسل) 600 پیکسل،
1200px" >

<!-- فرمت JPEG بازگشتی -->
<img src="/seo/image-300w.jpg"
srcset="image-300w.jpg 300w,
image-600w.jpg 600w,
image-1200w.jpg 1200w"
sizes="(max-width: 600px) 300px,
(حداکثر عرض: 900 پیکسل) 600 پیکسل،
1200 پیکسل"
alt="شرح تصویر">
</picture>

ویژگی srcset در تگ <img> برای تعیین فایل های تصویری مختلف و عرض آنها استفاده می شود.

هر فایل با یک توصیفگر "w" فهرست شده است که عرض تصویر را بر حسب پیکسل نشان می دهد. این امر ضروری است زیرا مرورگرها نمی توانند اندازه تصویر را تا زمانی که دانلود کنند شناسایی کنند.

به همین دلیل است که باید عرض را مشخص کنید تا مرورگر از عرض هر نسخه مطلع شود. برای مثال: srcset=”image-300w.jpg 300w, image-600w.jpg 600w”

ویژگی sizes توسط مرورگر به همراه ویژگی srcset برای انتخاب یک منبع استفاده می شود. عرض نمایش در نظر گرفته شده تصویر را برای اندازه های مختلف درگاه نمایش مشخص می کند.

برای نماهایی با عرض حداکثر 600 پیکسل، تصویری با عرض 300 پیکسل انتخاب می کند. برای پورت های دید تا 900 پیکسل، یک تصویر با عرض 600 پیکسل؛ و برای نماهای بزرگتر، یک تصویر با عرض 1200 پیکسل.

بدون این ویژگی، مرورگر به طور پیش‌فرض از عرض کامل ویوپورت برای انتخاب یک تصویر از srcset استفاده می‌کند.

همچنین می‌توانید از توصیف‌گر «x» استفاده کنید که به مرورگر می‌گوید مناسب‌ترین اندازه تصویر را بر اساس وضوح صفحه دستگاه انتخاب کند (مانند 1x، 2x یا 3x برای صفحه‌های استاندارد، شبکیه چشم، و فوق شبکیه چشم).

<picture>
<!-- قالب WebP -->
<source type="image/webp" srcset="/seo/image.webp 1x, /seo/This email address is being protected from spambots. You need JavaScript enabled to view it. 2x, This email address is being protected from spambots. You need JavaScript enabled to view it. 3x">
<!-- فرمت JPEG بازگشتی -->
<img src="/seo/image.jpg" srcset="/seo/image.jpg 1x, /seo/This email address is being protected from spambots. You need JavaScript enabled to view it. 2x, This email address is being protected from spambots. You need JavaScript enabled to view it. 3x" alt="شرح تصویر">
</picture>

به‌علاوه، می‌توانید از توصیفگرهای «x» برای وضوح‌های مختلف صفحه (مثلاً نمایشگرهای شبکیه چشم) استفاده کنید، جایی که اندازه تصویر ثابت می‌ماند.

در همین حال، توصیفگرهای "w" برای طرح‌بندی‌های روان و پاسخ‌گو مناسب هستند که اندازه تصویر بر اساس اندازه دید متفاوت است.

من می‌توانم افکار شما را بخوانم در حالی که فکر می‌کنید چگونه کار با اندازه‌ها و ویژگی‌های srcset برای خودکار کردن بسیار چالش برانگیز است، حتی اگر طرح‌بندی صفحات وب خود را به خوبی بدانید.

خوشبختانه کروم اخیراً شروع به توسعه پشتیبانی برای sizes="auto" کرده است، که به مرورگر دستور می‌دهد تا اندازه تصاویر بارگذاری‌شده تنبل را از ویژگی srcset بر اساس طرح‌بندی HTML و CSS تعیین کند.

این به این معنی است که مرورگر به جای اینکه فرض کند کل پهنای پورت دید را اشغال می کند، اندازه تصویر مناسب را بر اساس نحوه نمایش آن در صفحه، همانطور که توسط قوانین CSS دیکته می شود، دانلود می کند.

به یاد داشته باشید که این ویژگی فقط روی تصاویر با بارگذاری تنبل کار می کند. این به این دلیل است که وقتی تصاویر بارگذاری شده با تنبلی شروع به دانلود می‌کنند، طرح‌بندی قبلاً ارائه شده است، و به مرورگر اجازه می‌دهد تا اندازه‌ای را که در صفحه وب مشخص‌شده در CSS اشغال می‌کنند، دقیقا محاسبه کند.

با این حال، توجه داشته باشید که همیشه باید ویژگی های عرض و ارتفاع بزرگترین اندازه موجود را مشخص کنید.

با تعیین ابعاد تصویر و استفاده از CSS (عرض: 100%؛ ارتفاع: خودکار؛) برای حفظ نسبت تصویر، مرورگر می‌تواند هنگام استفاده از sizes="auto" تصویر را از ویژگی srcset انتخاب و نمایش دهد.
8. بارگذاری تنبل و پیش بارگذاری

بارگذاری تنبل به تعویق انداختن بارگذاری تصاویری است که در نمای کاربر (در بالای صفحه) قابل مشاهده نیستند.

به جای بارگیری همه تصاویر هنگام بارگیری صفحه، بارگذاری تنبل تصاویر را تنها زمانی دانلود می کند که در هنگام اسکرول کاربران در معرض دید قرار می گیرند.

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

پیاده سازی بارگذاری تنبل به سادگی افزودن ویژگی loading="lazy" در تگ <img> شما است.

<img src="/seo/image.jpg" loading="lazy" srcset="/seo/image-300w.jpg 300w, /seo/image-600w.jpg 600w" alt="Description">

اما هرگز تصاویر را با تنبلی بارگذاری نکنید، زیرا این می تواند بر متریک First Contentful Paint (FCP) تأثیر منفی بگذارد.

در عوض، آنها را از قبل بارگذاری کنید یا از ویژگی fetchpriority="high" استفاده کنید.

مزیت پیش بارگذاری نسبت به ویژگی "fetchpriority" این است که پیش بارگذاری توسط همه مرورگرها پشتیبانی می شود، در حالی که مورد دوم توسط مرورگرهای فایرفاکس و اپرا پشتیبانی نمی شود.

در زیر نمونه هایی از پیش بارگذاری و استفاده از واکشی اولویت آورده شده است:

در زیر نمونه هایی از پیش بارگذاری و استفاده از واکشی اولویت آورده شده است:

<img src="/seo/image.jpg" fetchpriority="high" srcset="/seo/image-300w.jpg 300w, /seo/image-600w.jpg 600w" alt="Description">

<link rel="preload" as="image" href="/seo/image-600w.jpg" imagesrcset="image-300w.jpg 300w, image-600w.jpg 600w" imagesizes="(max-width: 600px) 300px, 600px">

با استفاده از preload یا fetchpriority، به مرورگر دستور می‌دهید که بارگذاری تصاویر را به عنوان اولویت آغاز کند، که برای بهبود بزرگترین رنگ محتوای (LCP) مفید است.
9. تصاویر را به نقشه سایت خود اضافه کنید

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

داشتن تصاویر شما در نقشه سایت، شانس موتورهای جستجو را برای خزیدن و ایندکس کردن تصاویر شما افزایش می دهد. بنابراین، ترافیک سایت بیشتر می شود.

اگر از وردپرس استفاده می کنید، Yoast و RankMath یک راه حل نقشه سایت را در افزونه خود ارائه می دهند.

اگر از وردپرس استفاده نمی کنید، می توانید از نرم افزارهایی مانند Screaming Frog برای ایجاد نقشه سایت استفاده کنید.
10. داده های ساختاریافته را اضافه کنید

افزودن داده های ساختاریافته به تصاویر شما می تواند صفحات وب شما را با راهنمایی گوگل و سایر موتورهای جستجو برای ارائه نتایج بصری بهتر بهبود بخشد.

به عنوان مثال، می توانید تصاویر محصولات خود را همراه با جزئیاتی مانند قیمت، در دسترس بودن و رتبه بندی در طرح محصول قرار دهید. این باعث می شود محصولات شما در نتایج جستجو برجسته شوند و توجه خریداران بالقوه را بیشتر جلب کنند.

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

Google ممکن است بهترین اندازه مطابقت را هنگام قرار دادن آنها انتخاب کند.

در اینجا یک مثال است:

<script type="application/ld+json">
{
"@context": "http://schema.org"،
"@type": "مقاله"،
"تیتر": "عنوان مقاله"،
"تصویر": [
"https://example.com/photos/1x1/image.jpg"،
"https://example.com/photos/4x3/image.jpg"،
"https://example.com/photos/16x9/image.jpg"
]،
"datePublished": "2024-01-10T08:00:00+08:00",
"dateModified": "2024-01-10T09:20:00+08:00",
"نویسنده": {
"@type": "Person",
"name": "نام نویسنده"
}،
...
}
</script>

11. استفاده از CDN برای Daster Image Delivery

Content Delivery Network یا CDN مجموعه ای از سرورها است که در سراسر جهان پخش شده اند که محتوای شما را میزبانی می کنند و آن را از نزدیک ترین مکان سرور به آنها از نظر جغرافیایی به کاربران ارائه می دهند.

با این حال، تحویل تنها مزیت CDN نیست. آنها همچنین قابلیت های تبدیل و بهینه سازی را ارائه می دهند.

با ارسال پارامترها به همراه URL های تصویر، می توانید اندازه های مختلف تصویر را درخواست کنید یا تصاویر را به فرمت های کارآمدتر مانند WebP تبدیل کنید.

به عنوان مثال، سرویس هایی مانند Cloudflare’s Polish می توانند به طور خودکار فرمت های تصویر را با تشخیص سازگاری مرورگر با فرمت WebP بهینه کنند. در صورت درخواست می تواند تصاویر PNG و JPEG را در قالب WebP ارائه دهد.

به عنوان مثال، در Search Engine Journal، ما از این تکنیک برای ارائه فرمت WebP با CDN داخلی سرور خود استفاده می کنیم.

حتی اگر تصاویر دارای پسوندهای «.jpeg» یا «.png» هستند، CDN ما در صورتی که مرورگرها از آن پشتیبانی کنند، WebP را ارائه می دهد.
ارائه PNG به عنوان WebP
ارائه PNG به عنوان WebP (عکس از DevTools، فوریه 2024)

هنگام تأیید اعتبار صفحات با PageSpeed ​​Insights، توصیه می‌شود اطمینان حاصل کنید که ممیزی «ارائه تصاویر در قالب‌های نسل بعدی» را انجام می‌دهید.

در زیر تعدادی از شناخته‌شده‌ترین سرویس‌های CDN وجود دارد که می‌توانید از آنها استفاده کنید:

 Cloudflare.
 Amazon CloudFront.
 ImageKit.
 KeyCDN.

12. مراقب کپی رایت باشید

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

خدمات پستی 3.5 میلیون دلار در دعوای حق چاپ تصویر پرداخت می کند و Skechers برای 2.5 میلیون دلار شکایت کرده است.

اگر Getty، Shutterstock، DepositFiles، یا برخی دیگر از ارائه دهندگان عکس سهام دارای تصویری هستند که شما استفاده می کنید - و مجوز استفاده از آن را ندارید - در این صورت در معرض خطر یک دادخواست گران قیمت هستید.

بر اساس قانون حق نسخه‌برداری هزاره دیجیتال (DMCA)، در صورت نقض هرگونه مشکل حق نسخه‌برداری ممکن است اخطاریه برای شما صادر شود. اگر صاحب یک محتوا محتوای خود را در وب سایت شما ببیند، می تواند حذف DMCA صادر کند که شما باید از آن پیروی کنید.
نکات کلیدی بهینه سازی تصویر

بنابراین، قبل از اینکه تصویر خود را در سایت خود آپلود کنید، آیین های بهینه سازی تصویر را از بالا دنبال کنید.

مهمترین چیز این است که اطمینان حاصل شود که تصویر و متن جایگزین با صفحه مرتبط هستند. سایر مواد غذایی کلیدی:

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

بهینه سازی تصاویر شوخی نیست. با پیشرفت های اخیر در جستجو، به خصوص زمانی که گوگل اولویت بندی تصاویر را در نتایج جستجو آغاز کرد، کل سایت شما از انجام مراحل بالا سود می برد.

بهینه سازی مبارک!

Details

Written by: baghi

Category: Blog

Published: 28 August 2024

Hits: 187

با این 12 نکته و تکنیک سئوی تصویر، نحوه بهینه سازی تصاویر وب سایت خود را برای دیده شدن بهتر در موتورهای جستجو بیاموزید.

تصاویر اغلب بزرگترین بخش صفحات وب را تشکیل می دهند.

آنها تب مخصوص به خود را در نتایج گوگل و حتی الگوریتم خود دارند. ظاهر شدن در نتایج تصویر باید بخشی از یک استراتژی کامل سئو برای دسترسی به کاربرانی باشد که به دنبال تصاویر هستند.

محتوای شما در هر صورت باید حاوی تصاویر با کیفیت بالا باشد، پس چرا آنها را نیز بهینه نکنید؟

مثل این است که موتورهای جستجو Oreos و شیر را به صورت رایگان در اختیار شما قرار می دهند. فقط Oreo را مصرف نکنید - بهتر است در شیر غوطه ور شود.

این مقاله هر یک از جنبه های سئوی تصویر را به تفصیل مورد بحث قرار می دهد و شما را در بهینه سازی تصاویر خود برای دیده شدن بهتر در موتورهای جستجو راهنمایی می کند.

موتورهای جستجو چگونه تصاویر را فهرست و درک می کنند

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

Google برای درک متن تصاویر، عواملی مانند متن اطراف، نام فایل تصویر، متن جایگزین، شرح‌ها و محتوای صفحه را در نظر می‌گیرد و از فناوری‌های تشخیص تصویر برای درک محتوای تصاویر استفاده می‌کند.
سئوی تصویر چیست؟

بهینه‌سازی تصویر مجموعه‌ای از تکنیک‌ها برای افزایش دید در صفحات نتایج موتورهای جستجو (SERP) است که بر اساس دانش ما از نحوه خزیدن، درک و رتبه‌بندی تصاویر موتورهای جستجو انجام می‌شود.

1. فرمت تصویر مناسب را انتخاب کنید

ده ها فرمت تصویر در دسترس است، اما جستجوی گوگل فقط از این فرمت ها پشتیبانی می کند: JPEG، PNG، WebP، BMP، GIF و SVG.

بیایید تفاوت های بین این فرمت ها و تأثیر آنها بر وب سایت و سئوی شما را درک کنیم.

 PNG: از فشرده سازی بدون تلفات استفاده می کند، به این معنی که هیچ داده تصویری از بین نمی رود. بنابراین، تصاویر با کیفیت بهتری تولید می‌کند و از شفافیت پشتیبانی می‌کند، اما حجم فایل بزرگ‌تری دارد و برای چاپ ایده‌آل است.
 JPEG: از فشرده سازی با اتلاف استفاده می کند و باعث کاهش کیفیت تصویر می شود، اما می توانید سطح کیفیت را تنظیم کنید تا تعادل خوبی پیدا کنید.
 WebP: توسط Google توسعه داده شده است، از آن بدون ضرر یا اتلاف استفاده می کند و کارآمدتر از JPG است (از 25٪ تا 80٪)، بنابراین اندازه فایل های کوچکتر را در سطوح کیفیت قابل مقایسه ارائه می دهد. توسط تمام مرورگرهای اصلی پشتیبانی می شود.
 GIF: از فشرده‌سازی بدون اتلاف استفاده می‌کند اما به ۲۵۶ رنگ محدود می‌شود، بنابراین برای تصاویر باکیفیت مناسب‌تر و برای گرافیک‌ها و انیمیشن‌های ساده مناسب‌تر است.
 SVG: این فرمت مبتنی بر وکتور برای لوگوها، نمادها و طرح های دیگر استفاده می شود زیرا می توان آن را به هر اندازه ای بدون افزایش اندازه فایل تغییر داد. این باعث می شود آن را برای طراحی وب واکنش گرا ایده آل کند.
 BMP: فایل های تصویری بزرگ و فشرده نشده که کیفیت بسیار بالایی را حفظ می کنند. به دلیل اندازه آن، معمولاً برای وب سایت ها استفاده نمی شود، زیرا می تواند زمان بارگذاری صفحه را به میزان قابل توجهی کاهش دهد.

برای من، بهترین گزینه PNG است، که سپس می تواند به فرمت WebP برای استقرار وب تبدیل شود.

در مورد تبدیل GIF به WebP، توجه داشته باشید که مرورگرهای قدیمی، مانند Safari 15.6 (macOS Catalina) و قدیمی تر، از فرمت های متحرک WebP پشتیبانی نمی کنند.

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

به عنوان یک قاعده کلی، زمانی که از فناوری خاصی استفاده می کنید، توصیه می شود که به طور منظم درصد دستگاه های ترافیکی خود را که از آن پشتیبانی می کنند از طریق Google Analytics نظارت کنید.
چگونه فشرده سازی بر کیفیت تصویر و زمان بارگذاری تأثیر می گذارد

برای درک این موضوع، بیایید از یک تصویر نمونه با فرمت BMP استفاده کرده و آن را به فرمت های مختلف تبدیل کنیم.

به نحوه تغییر اندازه فایل و زمان بارگذاری در صفحه وب بر اساس تجربه من نگاه کنید.

 

نوع تصویر	اندازه تصویر	زمان دانلود با سرعت نت 3G	زمان دانلود با سرعت نت بالا (128MB/S)
BMP	1900KB	17.22Sec	311msec
PNG	552KB	9.16Sec	156msec
GIF	265KB	5.89Sec	89msec
JPG	91.5KB	2.91Sec	47msec
WebP	41.2KB	1.77Sec	29msec

 

این نشان می دهد که قالب WebP چقدر موثر است. این کمترین حجم فایل را دارد و پنج برابر سریعتر از PNG و تقریباً دو برابر سریعتر از فایل های JPG بارگیری می شود.

به همین دلیل توصیه می شود از WebP استفاده کنید. اگر این کار را انجام داده اید، به این معنی است که قبلاً پیشرفت زیادی در بهینه سازی بار داشته اید.

با این حال، تغییر فرمت تصویر، به نام استفاده از الگوریتم فشرده سازی، ممکن است باعث از دست دادن کیفیت و وضوح خود شود. این بدان معنی است که شما باید قالب مناسب را بر اساس ماهیت وب سایت خود انتخاب کنید.

به عنوان مثال، اگر یک وب سایت عکاسی دارید که در آن حفظ جزئیات سطح بالا در تصاویر کلید تجربه کاربر است، توصیه می شود به جای JPG یا WebP از PNG استفاده کنید.

در آن صورت، می‌توانید ریز عکس‌هایی با فرمت WebP را که به تصاویر PNG با کیفیت کامل پیوند دارند، نمایش دهید.

ما در مورد فرمت های مختلف تصویر و روش های فشرده سازی مربوطه آنها را یاد گرفته ایم.

ممکن است تعجب کنید که ابزارهای مختلف فشرده سازی تصویر، مانند ShortPixel یا TinyJPG، چه کاری انجام می دهند.

سرویس‌های فشرده‌سازی تصویر از الگوریتم‌های پیشرفته استفاده می‌کنند و ابرداده‌های غیرضروری (مانند داده‌های EXIF ​​و برچسب‌های GPS) را حذف می‌کنند تا اندازه فایل‌ها را فراتر از فشرده‌سازی اولیه ذاتی فرمت‌های فایل استاندارد کاهش دهند.

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

به عنوان مثال، هنگامی که تصویر نمونه بالا با استفاده از ShortPixel lossy از JPG به WebP تبدیل می شود، یک فایل 8.3 کیلوبایتی ایجاد می کند، در حالی که TinyJPG یک فایل 8.7 کیلوبایتی کمی متفاوت تولید می کند.

در زیر لیستی از خدمات فشرده سازی تصویر وجود دارد که می توانید از آنها استفاده کنید:

 ShortPixel.
 TinyJPG.
 EZGIF.
 Kraken.io.

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

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

2. ایجاد تصاویر منحصر به فرد

بسیاری از وب‌سایت‌ها با همان عکس‌های استوک عمومی پر شده‌اند، بنابراین شما می‌خواهید عکس‌هایتان در سایت شما ظاهر شود و ارزش منحصربه‌فردی را برای کاربران به ارمغان بیاورد.

اگر وب سایت خود را با تصاویر استوک پر کنید، غیراصلی به نظر می رسید زیرا گوگل محتوای تصویر را درک می کند. از آنجایی که می توان از همان عکس استوک در سایر وب سایت ها استفاده کرد، به عنوان محتوای تکراری تلقی می شود.

به یک وب سایت شرکتی، یک شرکت مشاوره یا کسب و کاری فکر کنید که به خدمات مشتری افتخار می کند. همه این وب‌سایت‌ها تقریباً از تصویر یک تاجر در حال لبخند زدن استفاده می‌کنند.

در حالی که ممکن است تصاویر استوک خود را کاملاً بهینه کرده باشید، اما تأثیر یا مزایای بالقوه سئو را مانند یک تصویر اصلی و با کیفیت بالا نخواهد داشت.

هرچه تصاویر اصلی بیشتری داشته باشید، تجربه کاربری بهتری خواهید داشت و شانس شما برای رتبه بندی در جستجوهای مرتبط بهتر خواهد بود.

به یاد داشته باشید، تصاویر بزرگ به احتمال زیاد در Google Discover نمایش داده می شوند.

Google توصیه می‌کند که تصاویر حداقل 1200 پیکسل عرض داشته باشند و با تنظیم max-image-preview:large در متا تگ روبات‌ها فعال شوند تا اطمینان حاصل شود که به‌عنوان تصاویر بزرگ در Google Discover ظاهر می‌شوند.

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

گوگل تضمین نمی کند که همیشه تصاویر کوچک بزرگ را نمایش دهد.

بهترین کاری که می توانید به عنوان یک سئو انجام دهید این است که تنظیمات مورد نیاز را در متا تگ روبات قرار دهید و مطمئن شوید که تصاویر حداقل 1200 پیکسل عرض دارند: