در ویژگی alt چه چیزی بنویسیم. ویژگی های alt و title چیست و در وردپرس چه کاربردی دارند؟

>> بهینه سازی تصویر | ویژگی های ALT و TITLE برای توصیف تصاویر

نحوه بهینه سازی صحیح تصاویر برای یک وب سایت

با سلام خدمت خواننده عزیز سایت من!

در این مقاله می خواهم به شما بگویم که تصاویر در وب سایت ها برای چه مواردی استفاده می شوند و چه نقشی در بهینه سازی سئو دارند. بیایید به اهمیت استفاده از ویژگی‌های کد HTML alt و title نگاه کنیم، مثال‌هایی از استفاده از تصاویر بهینه‌سازی شده و غیربهینه‌سازی شده ارائه دهیم، دریابیم که با چه کیفیتی باید از تصاویر استفاده کرد و این موضوع چگونه بر عملکرد سایت تأثیر می‌گذارد.

مزایا و معایب استفاده از تصاویر در سایت:

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

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

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

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

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

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

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

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

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

ویژگی های Alt و title در بهینه سازی سئوی تصویر:

همانطور که قبلا در این مقاله در بالا نوشتم، استفاده از تصاویر می تواند به سایت در ارتقاء آن در موتورهای جستجو کمک کند. هجوم بیشتری از مخاطبان هدف (بازدید کنندگان) را از موتورهای جستجو فراهم کنید. برای این کار باید از دو ویژگی بسیار ضروری alt و title برای هر عکس، تصویر، عکس و غیره استفاده کنید. ماهیت این ویژگی ها استفاده از آن ها برای بهره مندی بیشتر از آنها است که به ارتقای سایت در موتورهای جستجو کمک می کند. در مورد ما، به ترتیب دو ویژگی وجود دارد و عملکردهایی که آنها انجام می دهند کمی متفاوت خواهد بود.

صفتALT: این ویژگی در زبان HTML گنجانده شده است. هدف آن توصیف یک شی به منظور ارائه اطلاعات اضافی در مورد این شی (در مورد ما، تصاویر) است. این ویژگی چگونه کار می کند؟ این کار بسیار ساده است: شما تصویر مورد نظر را که روی هارد دیسک یا دستگاه ذخیره سازی شما (فلش درایو) است می گیرید و آن را در صفحه مورد نظر سایت در محل مورد نظر قرار می دهید.

سپس کد این تصویر را می گیرید و مقدار زیر را alt="(!LANG) وارد می کنید: شرح این تصویر با استفاده از کلمات کلیدی" . Но описание не нужно делать слишком большим (максимально пару предложений) и тулить туда много ключевых слов, так как поисковые системы этого не любят, что в итоге может сказаться на Вашем сайте.!}

این یکی کار میکنه ویژگی altبنابراین، هنگامی که یک بازدیدکننده از یک سایت بازدید می کند، توضیحات تصویر را نمی بیند (اگر مرورگر او عملکرد نمایش تصویر را فعال کرده باشد)، اما ربات های جستجوگر آن را هنگامی که من سایت را فهرست می کنم، می بینند. هنگامی که تصاویر در تنظیمات مرورگر غیرفعال هستند، بازدیدکننده می تواند این متن را ببیند و سپس به جای این تصویر متنی ظاهر می شود که توسط آن بازدیدکننده می تواند بفهمد که چه نوع تصویری است. این ویژگی توسط موتورهای جستجو هنگام فهرست کردن سایت شما در نظر گرفته می شود.

ویژگی TITLE:این ویژگی عنوانهمچنین در زبان html گنجانده شده است. هدف آن همانند ویژگی alt است، اما با این تفاوت که این توضیحات در هنگام قرار دادن ماوس روی تصویر با مکان نما به کاربر سایت نشان داده می شود. این ویژگی در ارتقاء وب سایت دخالتی ندارد، اما به شما امکان می دهد تا عامل رفتاری را افزایش دهید که بر موقعیت سایت در موتور جستجو نیز تأثیر می گذارد. به این صورت نوشته شده " توضیحات تصویر" . Поэтому !} بهینه سازی تصویرهمچنین نقش زیادی در ارتقای وب سایت در موتورهای جستجو دارد.

نمونه تصویر بهینه شده برای سئو با استفاده از ویژگی های alt و title:

اکنون نمونه ای از یک تصویر بهینه شده را با استفاده از دو ویژگی ذکر شده در بالا مشاهده خواهید کرد.

با ویژگی عنوان (مکان نما را روی تصویر نگه دارید) title=" ژیمناستیک گربه" > !}

با ویژگی alt (بدون تصویر) کد نمونه برای این تصویر:

بدون ویژگی alt (بدون تصویر) کد نمونه برای این تصویر:

از تصاویر و تصاویر با چه کیفیتی در سایت استفاده شود؟

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

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

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

اینجاست که این مقاله را به پایان می برم. امیدوارم اکنون متوجه شده باشید که چیست بهینه سازی تصویرو بهینه سازی تصویر از چه ویژگی هایی برای این کار استفاده می کند.

به هر حال، اگر نمی دانید چگونه کیفیت یک عکس را کاهش دهید، از فتوشاپ استفاده کنید. برای انجام این کار، به منوی "File" بروید و "Save for Web and Devices" را انتخاب کنید.

اگر این مقاله را دوست داشتید، لطفاً نظر خود را در پایین این مقاله بگذارید. من از شما بسیار سپاسگزار خواهم بود.

سایر صفحات سایت:

مردم سلام. برای اینکه وقت خود را هدر ندهید، بیایید آن را کوتاه و دقیق نگه داریم.

عنوان تصویر کتیبه ای است که با نگه داشتن مکان نما روی تصویر ظاهر می شود. این برای اشاره به بازدید کننده ضروری است. بگویید چه چیزی در تصویر نشان داده شده است یا به کجا نگاه کنید.

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

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

تصاویر Alt و عنوان برای SEO

برای عنوان تصویر دارای حداقل مقدار است. این به راحتی ایندکس نمی شود، اما می تواند از نظر عوامل رفتاری در دستان شما نقش داشته باشد. در سال 2018 است، سئو اکنون به معنای قابلیت استفاده و محتوای با کیفیت است. بنابراین توجه کاربر را به هر نحوی جلب کنید.

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

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

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

نحوه صحیح پر کردن alt و عنوان برای تصاویر

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

1) نباید طولانی باشد. موافقم، یک اشاره 4 خطی باعث رد می شود.

2) باید به نحوی با تصویر مرتبط باشد.

3) نباید با عنوان اصلی، سرفصل های h1-h5 یا ویژگی های alt کپی شود.

تصاویر Alt با موتور جستجو وزن دارند، بنابراین محدودیت هایی با قوانین وجود دارد، اما امکاناتی نیز وجود دارد.

1) یک کلمه کافی نیست، توصیه می شود در محدوده 3 کلمه باقی بمانید. حداکثر تعداد کاراکترها 250 کاراکتر است.

2) باید با محتوای تصویر مطابقت داشته باشد.

4) ترجیحاً با سایر alt های صفحه تکرار نشود.

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

محل پر کردن alt و عنوان تصاویر با استفاده از وردپرس به عنوان مثال

به عنوان مثال، در وردپرس فقط باید از کنترل پنل (کنسول) به بخش بروید "رسانه ها" — "کتابخانه". بعد، هر تصویری را انتخاب کنید.

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

البته، نشان دادن با استفاده از وردپرس به عنوان مثال ساده‌ترین کار است، اما بسیاری از CMS‌های محبوب این فرصت را فراهم می‌کنند. برای مثال جوملا اینجاست. این اشکالات خود را دارد، اما با فشار دادن می‌توان اکثر محتوای گرافیکی را روی alt تنظیم کرد "ویرایش تصویر"

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

با احترام، ذات شما.

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

تگ های alt چیست؟

تگ‌های Alt یک توضیح متنی از محتوای یک تصویر گرافیکی در یک صفحه است که به شما امکان می‌دهد اطلاعات کامل‌تری در مورد آن به‌دست آورید و ناوبری در سایت را بهبود ببخشید. برای آن دسته از کاربرانی که تصاویر گرافیکی را در مرورگر خاموش می کنند، استفاده از تگ alt برای تعیین آنچه باید در تصویر باشد راحت خواهد بود. و عنوان حاوی یک راهنمای ابزار برای تصویر است که وقتی ماوس را روی آن می‌برید ظاهر می‌شود.

همه ما از قبل می دانیم که چقدر مهم است که متن را به بلوک ها تقسیم کنیم، تصاویری را اضافه کنیم که از نظر بصری متن را جذاب و خواندنی آسان تر کند. اگر تصور کنیدسئو مانند مسابقه اسب دوانی در هیپودروم، اسبی که تمام توان خود را داده است همیشه اول به خط پایان می رسد. در صورت لزوم، او سرعت می‌گرفت یا دور دایره داخلی راه می‌رفت، و جوکی تا حد امکان در کت و شلواری تنگ سبک بود. اینجا هم همینطور است - باید از تبلیغات حداکثر استفاده را ببرید. یک خزنده موتور جستجو که در صفحه شما می خزد و یک تصویر بهینه شده را می بیند، وقتی تگ alt را می خواند، ایده خوبی از آنچه در آنجا وجود دارد، خواهد داشت. او این اطلاعات را به ایندکس اضافه می کند و شما یک مزیت سئو برای صفحه خود و یک مزیت در نتایج جستجو دریافت خواهید کرد.

ویژگی alt(متن جایگزین) یک ویژگی تگ است ، به ربات جستجوگر اجازه می دهد تصویر را ببیند و آن را فهرست کند. در اصل توضیح کوتاهی از آنچه در تصویر نشان داده شده است

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

تگ های alt و title در کد صفحه به این صورت است:

قوانین نوشتن متن در ویژگی های alt و title

• توضیحات باید کاملاً با محتوای تصویر مطابقت داشته باشد.
• باید حاوی کلمه کلیدی باشد.
• در یک صفحه باید تگ های مختلف جایگزین وجود داشته باشد. اگر از کلیدهای یکسانی برای همه تصاویر استفاده کنید، این صفحه بد به نظر می رسدرتبه، و احتمال افتادن زیر فیلتر وجود دارد AGS
• حجم مطلوب از 3 تا 10 کلمه برای alt است. عنوان باید طولانی تر و توسعه یافته تر باشد.
• متن های alt و title باید متفاوت باشند

تنظیم alt برای تصاویر

در اکثر CMS ها، تنظیم این ویژگی بسیار ساده است. به عنوان مثال، در وردپرس، روی تصویر کلیک راست کنید -> “Edit” -> توضیحاتی برای ویژگی alt اضافه کنید.

بسیاری از CMS ها عملکرد مشابهی دارند. برخی حتی پلاگین هایی برای تنظیم قالب این تگ ها دارند.برای وارد کردن دستی ویژگی alt، دستور برچسب را دنبال کنید ، ارائه شده در بالا.

اگر اطلاعات دقیقی می خواهید، در ما موجود استوبلاگ.

بیایید بگوییم که ترافیک سایت شما در برابر چشمان شما در حال افزایش است، اما حتی در این مورد نیز نباید از بهینه سازی تصویر غافل شوید. این فرصتی است برای دریافت ترافیک بیشتر به منابع سرمایه گذاری شده قبلی. کلیدها به خوبی در متون گنجانده شده اند، جنبه فنی سایت عالی است، بازدیدکنندگان زیادی وجود دارد، اما می تواند حتی بیشتر باشد. بهینه سازی تصاویر در سایت به این امر کمک می کند، زیرا عکس ها نیز در رتبه بندی عبارت های جستجو شرکت می کنند. همچنین فرصتی برای جمع‌آوری ترافیک اضافی از درخواست‌های «+عکس» وجود دارد.

اگر می خواهید فضای بنر را در وبلاگ وردپرس خود بفروشید، نیازی نیست که بروید و در بورس تبلیغات بنری ثبت نام کنید، زیرا یک جایگزین عالی برای این سرویس وجود دارد - افزونه AdRotate برای نمایش بنرها در وبلاگ شما.

شایان ذکر است: راحت است زیرا نیازی به مذاکره جداگانه با تبلیغ کنندگان در مورد قرار دادن بنر ندارید، یعنی. شما عملاً هیچ نقشی در این کار ندارید. کار اصلی بر عهده تبلیغ‌کننده است: او اندازه، بنر، پیوند را از آن انتخاب می‌کند و آن را برای مدت معینی (مثلاً یک ماه) و قیمتی که تعیین می‌کنید (هرچه وبلاگ شما محبوب‌تر باشد، قیمت بالاتری دارد) قرار می‌دهد. ، و شما فقط برای بنر خریداری شده توسط آگهی دهنده -place به صورت خودکار پول دریافت می کنید. فقط کافی است کدی را در وبلاگ خود نصب کنید تا تبلیغ «خرید تبلیغات» با لوگو نمایش داده شود:

1. بنر تا پایان زمان قرار دادن بنر در وبلاگ شما آویزان خواهد شد.
2. بدون چرخش، یعنی. امکان نمایش سایر بنرها به صورت چرخشی با بنر تبلیغ کننده.

در هنگام استفاده از افزونه AdRotate چنین مشکلاتی وجود نخواهد داشت! اما شما با تبلیغ کنندگان مذاکره خواهید کرد، بنرها را قرار می دهید و تاریخ نمایش را خودتان تعیین می کنید.

حالا بیایید به راه اندازی افزونه AdRotate برویم.

AdRotate را در وبلاگ وردپرس ما دانلود و نصب کنید و به ایجاد چرخش بنر تبلیغاتی ادامه دهید.

این افزونه برای درج چرخش چندین بنر تبلیغاتی طراحی شده است. هر گروه باید بنرهایی با اندازه یکسان داشته باشد، به عنوان مثال، در گروه 1 چرخش بنر 468x60 و در گروه 2 - 125x125 وجود دارد.

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

چگونه یک بنر اضافه کنیم؟

AdRotate را در پنل مدیریت جستجو کنید، به مدیریت تبلیغاتو بر روی کلیک کنید جدید اضافه کنبرای اضافه کردن یک بنر جدید به روتاتور.

در زمینه عنواننامی برای خود وارد کنید تا در صورت نیاز به حذف یا ویرایش بنر بتوانید بعداً راه خود را پیدا کنید.

در زمینه AdCodeشما باید کد بنر خود را مشخص کنید، به عنوان مثال:

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

برای هر بنر می توانید اولویت نمایش را تعیین کنید ( وزن) یعنی چقدر بیشتر (کمتر) بقیه این بنر نشان داده خواهد شد. اولویت از 2 تا 10

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

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

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