Ø³Ø¦ÙˆÛŒ تصاویر – Û±Û° نکته برای ساختن وبسایت دوست داشتنی موضوع این آموزش از وبسایت ما است. سلام. من امیر کرابی مشاور بهینه سازی سایت Ùˆ متخصص دیجیتال مارکتینگ هستم Ùˆ در این آموزش سعی دارم تا در حوزه دیجیتال مارکتینگ Ùˆ سئو سایت مقاله جدیدی را ارائه کنم. خوشحال Ù…ÛŒ شوم اگر از این آموزش لذت کافی را ببرید.

 Ø¨Ù‡ معیار تغییر چیدمان تجمعی توجه ویژه ای داشته باشید، چون یکی دیگر از عوامل رتبه بندی Ú¯ÙˆÚ¯Ù„ است Ùˆ همچنین تحت تأثیر عکس ها قرار Ù…ÛŒ گیرد. در صورتی کهمی خواهید CLS خود را کاهش دهید، به دنبال آن باشید از جابجایی های بزرگ چیدمان خودداری کنید اشاره در فرصت های بهینه سازی.

 Ø¬Ù‡Øª تفهیم کاملتر موضوعات این آموزش از شما دعوت میکنم در هر حد توان مقاله سئو وب سایت در کرج را مطالعه فرمایید.  

 

۴. تصاویر خود را رسپانسیو کنید

بیایید در مورد ابعاد عکس کمی بالاتر به عمق بپردازیم.

در حالت ایده‌آل، شما Ù…ÛŒ‌خواهید Ú©Ù‡ عکس هایتان به وضوح در انواع دستگاه‌ها قابل مشاهده باشند. اما پیج نمایش‌ها در سایز‌های متفاوت هستند Ùˆ رایانه‌های شخصی Ùˆ تلفن‌ها واضح‌ ترین گزینه‌ها هستند.

لذا، چگونه Ù…ÛŒ‌توانید 1 تصویر یکسان را در تمام جا نمایش دهید؟

راهکار آن است که تصویر خود را رسپانسیو کنید. یعنی آن را به طور خودکار مقیاس بندی نمایید تا متناسب با هر صفحه ای باشد.

چگونه تصاویر را واکنش گرا کنیم

وردپرس تصاویر را به صورت خودکار رسپانسیو می کند، ولیکن اگرلازم است این کار را به صورت دستی انجام دهید، در این بخش چند انتخاب هست:

• CSS را تنظیم کنید عرض Ø§Ù…وال به Û±Û°Û°% Ùˆ Ø§Ø±ØªÙØ§Ø¹ Ø¨Ù‡ Ø®ÙˆØ¯Ú©Ø§Ø±. به این ترتیب، تصویر هم به سمت بالا Ùˆ هم کاهش Ù…ÛŒ یابد.
• حداکثر عرض Ø¯Ø§Ø±Ø§ÛŒÛŒ را به Û±Û°Û°Ùª تنظیم کنید. در این حالت، عکس هرگز بزرگتر از اندازه اصلی خود نمی گردد.
• از ویژگی استفاده کنید. نسخه متفاوتی از عکس را برای سایز های مختلف صفحه نمایش Ù…ÛŒ دهد. نکته مهم این است Ú©Ù‡ جهت استفاده از این ویژگی بایستی نسخه های متفاوتی از یک عکس را مهیا کنید.

در این بخش 1 نمونه است:

 

<img data-srcset=”https: //www. searchenginejournal. com/image-320w. jpg 320w,https: //www. searchenginejournal. com/

image-480w. jpg 480w,https: //www. searchenginejournal. com/

image-800w. jpg 800w”

data-sizes=” (max-width: 320px) 280px,

 (max-width: 480px) 440px,

800px”

src=”https: //www. searchenginejournal. com/image-seo-tips-webceo-spcs/470364/image-800w. jpg” alt=”Description”>

۵. نام های عکس، متن جایگزین و موارد دیگر را با کلمات کلیدی بهینه کنید

“کلمات کلیدی” اولین چیزی است Ú©Ù‡ با شنیدن “SEO” به ذهن من Ù…ÛŒ رسد. یا شاید تنها من هستم؟

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

فقط بایستی بدانید کجا از آنها استفاده کنید.

به چه شکلی عکس ها را بهینه سازی سایت در گوگل را دوستانه تر کنیم

کوشش کنید کیوردها متمرکز را به این پنج موضعیت اضافه کنید تا بازی سئوی عکس خود را بهبود ببخشید:

• نام فایل. از نام‌های عمومی نظیر: تصویر ۱، عکس Û² Ùˆ غیره اجتناب نمایید این نام ها به سرچ انجین ها چیزی نمی گویند.
• مسیر فایل. نام دامنه Ùˆ زیرشاخه‌ها Ù…ÛŒ‌تواند زمینه بیشتری را فراهم نماید Ú©Ù‡ موتورهای جستجو Ù…ÛŒ‌توانند آن را تفسیر نمایند. به عنوان نمونه، در صورتی کهیک فروشگاه آنلاین لوازم ماهیگیری دارید، Ù…ÛŒ توانید URL 1 عکس را به این Ø´Ú©Ù„ بسازید: https: //fishing. com/images/fishing-rods/spinning-rod/falcon-bucoo. png.
• متن اطراف. این چیزی است Ú©Ù‡ بازدید کنندگان Ù…ÛŒ بینند Ùˆ بهترین عکس ها را تکمیل Ù…ÛŒ نماید. فقط 1 متن مرتبط در نزدیکی عکس شما (حتی یک عنوان) برای افزایش امتیاز آن کافی است.
• متن لنگر. اگرپیوندی دارید Ú©Ù‡ مستقیماً به یک تصویر منتهی Ù…ÛŒ‌شود، یک متن لنگر توصیفی به موتورهای جستجو Ú©Ù…Ú© Ù…ÛŒ‌کند تا بفهمند Ú†Ù‡ چیزی در آنجا هست.
• متن جایگزین. یکی از رایج ترین اشتباهات بهینه سازی وب سایت در موتورهای جستجو فراموش نمودن گذاشتن است Ù‡Ø± چیزی Ø¯Ø± ALT های تصاویر شما، Ú†Ù‡ رسد به توضیحی با 1 یا دو کلمه کلیدی. ممکن است فکر کنید مشکل بزرگی نیست، ولیکن ALT‌ های خالی برای کاربرانی Ú©Ù‡ به صفحه خوان‌ها متکی Ù…ÛŒ باشند 1 مشکل است. Ùˆ سایت Ú¯ÙˆÚ¯Ù„ دسترسی را جدی Ù…ÛŒ گیرد.

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15