در مقاله امروز، من می خواهم در نظر بگیرم که چرا هنوز ارزش پر کردن ویژگی Alt HTML برای تصاویر را دارد، چه تفاوتی با ویژگی Title دارد. این مطالب برای وب مسترهای مبتدی و مبتدی طراحی شده است که علاقه مند به این سوال هستند که چرا و چرا باید ویژگی Alt را پر کنند. در پایان مقاله، پاسخ به سوالات رایج در مورد این ویژگی ها را آماده کرده ام. بیایید با اصول اولیه شروع کنیم.
Alt Attribute چیست؟
Alt نزدیک تصویر منبع جایگزین اطلاعات برای کاربرانی است که بنا به دلایلی (اینترنت ضعیف، تصاویر غیرفعال و ...) تصاویر را در صفحه نمایش نمی دهند. در جایی که عکس باید باشد به صورت متن نمایش داده می شود.
بیایید به یک مثال نگاه کنیم.
به عنوان مثال، من یک عکس از یک سایت تصویر زمینه دسکتاپ گرفتم. محتوای اصلی صفحه تصاویر است.
پس از خاموش کردن نمایش تصاویر در مرورگر، تمام گرافیک های موجود در صفحه نمایش داده نمی شوند و می توانید توضیحات جایگزین تصویر را مشاهده کنید.
این به ما کمک می کند بفهمیم چه چیزی در صفحه است. علاوه بر این، این ویژگی نه تنها برای کاربر مفید است، بلکه به ربات جستجوگر کمک می کند تا آنچه در تصویر نشان داده شده است را درک کند. هر دو گوگل و یاندکس از Alt به عنوان یکی از معیارهای رتبه بندی برای جستجوی تصویر استفاده می کنند.
سوال بعدی این است که چه چیزی باید به Alt اضافه شود تا هم برای کاربر و هم برای موتور جستجو تا حد امکان مفید باشد؟
نحوه پر کردن ویژگی Alt برای تصاویر به درستی
برای درک درستی پر کردن ویژگی Alt، مثال زیر را در نظر بگیرید: ما یک فروشگاه آنلاین حیوانات خانگی داریم و می‌خواهیم Alt را برای کارت محصول با "توپ سگ" تجویز کنیم.
چندین گزینه برای پر کردن ویژگی وجود دارد:
گزینه 2. در Alt بنویسید "سگ با توپ در دهان". در این مورد، ما خود تصویر را توضیح می دهیم، اما لازم به ذکر است که درخواست "سگ با توپ در دهان" اطلاعاتی است. برای توصیف تصویر یک فروشگاه اینترنتی مناسب نیست.
گزینه 3. Alt "Ball for dogs" - این گزینه بیشتر برای ما مناسب است، اما از آنجایی که ممکن است توپ های زیادی در فروشگاه وجود داشته باشد، بهتر است درخواست را روشن کنید.
گزینه 4. Alt "Humunga Chomp ball for dogs" - این گزینه برای ما بهینه است. ویژگی شامل نام محصول و سازنده آن است. اگر تعداد زیادی از این کالاها وجود دارد، می توانید Alt را با استفاده از رنگ، نام مدل گسترش دهید.
گزینه 5. Alt "توپ برای سگ ها Humunga Chomp، اسباب بازی Humunga Chomp، خرید، ارزان، مسکو" - این گزینه ممکن است توسط موتور جستجو به عنوان هرزنامه تلقی شود و نتیجه مطلوب را به همراه نخواهد داشت.
از این مثال ها برمی آید که ویژگی Alt:
- باید معنی دار باشد و تصویر را توصیف کند.
- شامل 3-5 کلمه، اما بیش از 250 کاراکتر (توصیف یک تصویر در دو کلمه دشوار است).
- نباید اسپم باشد
چرا ویژگی Title مورد نیاز است؟
عنوان تصاویر اطلاعات بیشتری در مورد تصویر می دهد. برای درک آسان‌تر آنچه در تصویر نشان داده شده است برای کاربر ضروری است. هنگامی که ماوس را روی تصویر نگه می دارید، این ویژگی نمایش داده می شود.
تصویر بالا نحوه نمایش ویژگی در صفحه را نشان می دهد.
در کد HTML، ویژگی به صورت زیر نوشته می شود:
توصیه می شود عنوان را پر کنید. می تواند بر پارامترهای رفتاری سایت تأثیر مثبت بگذارد. هنگامی که درک آنچه در تصویر نشان داده شده برای کاربر دشوار است، می تواند به طور خودکار با ماوس روی آن حرکت کند و اشاره عنوان به او کمک می کند تا حرکت کند.
الزامات اساسی برای عنوان شبیه به Alt است:
- باید معنی دار باشد و تصویر را توصیف کند.
- شامل 3-5 کلمه، اما حداکثر 250 کاراکتر.
- نباید خیلی بزرگ باشد، زیرا متن 3-4 خطی هنگام شناور شدن می تواند ترسیده شود.
- در صورت امکان حاوی یک درخواست کلیدی باشد.
- نباید اسپم باشد
با دانستن این موضوع، بیایید به سراغ سؤالات برویم.
پاسخ به سوالات رایج در مورد Alt و Title
Alt توضیحاتی برای تصاویر هستند؟
نه واقعا. Alt یک توضیح جایگزین است که در صورتی که کاربر تصاویر نمایش داده نشود به جای تصویر نمایش داده می شود.
آیا پرکردن صفت Alt و Title برای تصاویر واجب است؟
اگر به ترافیک جستجوی تصویر علاقه دارید، Alt باید پر شود، عنوان - اختیاری است.
Alt و Title باید متفاوت باشند یا یکسان؟
دو نظر عمده در این مورد وجود دارد:
1) Alt و عنوان باید منحصر به فرد باشند.
2) صفات باید یکسان باشند.
اگر به نحوه پر کردن این ویژگی ها توسط سایت هایی که تصاویر آنها در TOP جستجوی تصویر هستند نگاه کنیم، هر دو گزینه را برای پر کردن مشاهده خواهیم کرد.
Yandex در این مورد می نویسد:
من معتقدم که این ویژگی ها می توانند یکسان باشند. نکته اصلی این است که آنها یک توضیح ساختار یافته واضح از تصویر شما ارائه می دهند.
آیا باید عنوان را نیز در کنار ویژگی Alt اضافه کنم؟
اختیاری است، اما به خاطر داشته باشید: ویژگی عنوان در برخی موارد به درک بهتر آنچه در تصویر نشان داده شده است کمک می کند. این می تواند تاثیر مثبتی بر عملکرد رفتاری سایت داشته باشد.
آیا تصاویر Alt باید با همان کلمات کلیدی مقاله استفاده شوند یا متفاوت؟
مطلوب. نکته اصلی این است که Alt باید معنی دار باشد و تصویر را توصیف کند.
آیا باید کلمات کلیدی را در این ویژگی ها تجویز کنم؟
اگر این کلمات کلیدی تصویر را توصیف می کنند، بله.
چگونه ویژگی Alt را به درستی بنویسیم: سیریلیک یا لاتین؟
اگر سایت شما به زبان روسی است، الفبای سیریلیک را پر کنید.
چگونه با حروف بزرگ یا کوچک بنویسیم؟
غیر مرتبط.
و اگر مقاله قبلا توسط موتورهای جستجو ایندکس شده است، آیا می توانید توضیحاتی به تصاویر اضافه کنید یا خیر؟
می توان. وقتی موتورهای جستجو صفحه شما را دوباره فهرست می کنند، این توضیحات را در نظر می گیرند.
Alt و Title را کجا پر کنیم؟
همه چیز به CMS بستگی دارد که سایت شما بر روی آن ساخته شده است.
اگر HTML خالص است پس:
معمولاً فیلدهای پر کردن Alt و Title در پارامترهای تصویر هستند. به عنوان مثال، اگر سایت شما بر روی وردپرس ساخته شده است، با باز کردن Image Options، فیلدی برای پر کردن ویژگی Alt مشاهده خواهید کرد. در تنظیمات پیشرفته، فیلدی برای ویژگی Title وجود دارد.
اگر سایت شما روی 1C-Bitrix است، در تنظیمات اضافی پارامترهای تصویر، فیلدی برای ویژگی Alt وجود دارد. ویژگی Title از قسمت Title خارج می شود.
شما باید درک کنید که همه چیز فردی است. خیلی به این بستگی دارد که سایت شما بر روی چه CMS ساخته شده است و چگونه پیکربندی شده است.
آیا ارزش دارد و آیا می توان Alt و Title را برای تصاویر خود در نظرات تجویز کرد؟
من نیازی به این کار نمی بینم و به ندرت کسی در نظرات این فرصت را دارد که تصاویر را بهینه کند.
وقتی برای عکس ها عنوان و ویولا را به زبان روسی می نویسم، هیروگلیف در سایت نمایش داده می شود، چه کاری باید انجام دهم؟
این به دلیل رمزگذاری است. شما باید رمزگذاری فعلی را به UTF-8 تبدیل کنید.
عواقب
یک بار دیگر، بیایید به این موضوع بپردازیم که Alt و Title باید چه باشند.
الزامات اساسی برای ویژگی Alt:
- معنی دار، تصویر را توصیف می کند.
- حدود 3-5 کلمه (تا 250 کاراکتر)؛
- در صورت امکان، باید شامل یک درخواست کلیدی باشد.
- نباید اسپم باشد
چرا Alt را پر کنید:
1. هنگام رتبه بندی تصاویر توسط موتورهای جستجو در نظر گرفته می شود، به این معنی که اگر تصویر شما به TOP برسد، منبع ترافیک اضافی است.
2. برای کاربری که تصاویر را در سایت غیرفعال کرده است مفید خواهد بود.
ویژگی عنوان:
- معنی دار است و تصویر را توصیف می کند.
- حدود 3-5 کلمه یا حداکثر 250 کاراکتر.
- در صورت امکان، باید حاوی یک درخواست کلیدی باشد.
- بدون هرزنامه
چرا عنوان را پر کنید:
1.
برای کاربری که تشخیص آنچه در تصویر نشان داده شده است دشوار است مفید خواهد بود.
2.
نکات عنوان می تواند تاثیر مثبتی بر شاخص های رفتاری سایت داشته باشد.
سلام دوستان.
امروز مطالب بعدی در مورد کار با تصاویر است.
من همچنان به انتشار مطالب در مورد تبلیغات ادامه می دهم و در حال حاضر این دومین مقاله ای است که به طور خاص به تصاویر موجود در سایت ما می پردازد. اولین مورد در مورد ایجاد تصاویر با کیفیت بالا بود.
در این مقاله، من به شما نشان می دهم که چگونه تصاویر را در یک وب سایت با استفاده از ویژگی های عنوان و alt برای ارتقاء صفحات در موتورهای جستجو بهینه کنید.
مقاله خیلی طولانی نیست، اما مفید خواهد بود.
برای شروع، باید یک نکته را درک کنید. همه در تبلیغ سایت های خود به چیزهای کوچک توجه نمی کنند. به خصوص در مورد جزئیات فنی مختلف، مانند بهینه سازی تصویر.
این فقط یک چیز کوچک است که استفاده صحیح از آن می تواند به شما کمک کند در صفحات جستجو از رقبا پیشی بگیرید. اگر از همه چیزهای کوچک با هم استفاده کنید، مزیت بسیار زیادی نسبت به سایر سایت ها خواهید داشت.
بنابراین، از دست دادن چنین لحظه ای بسیار نامطلوب است. و اکنون در مورد چگونگی بهینه سازی صحیح تصاویر در سایت خود و مراحلی که این فرآیند شامل می شود صحبت خواهیم کرد.
من کل فرآیند بهینه سازی را به 3 مرحله تقسیم می کنم:
- ایجاد یک تصویر منحصر به فرد؛
- آماده سازی تصویر نهایی برای درج در سایت که وبلاگ بارگذاری نمی شود. در این مرحله اندازه تصویر را کاهش می دهیم تا صفحات به سرعت لود شوند.
- بهینه سازی صحیح عنوان و ویژگی های alt تصویر.
در اینجا همچنین می توانید نام صحیح فایل منبع را قبل از آپلود در سایت اضافه کنید. در زیر در این مورد صحبت خواهیم کرد.
در مورد ایجاد یک تصویر منحصر به فرد و متعاقب آن، مقالات مفصل جداگانه را با آموزش های ویدیویی برجسته خواهم کرد. اکنون می‌خواهم توجه خود را روی عنوان و ویژگی‌های alt متمرکز کنم، زیرا بسیاری از آنها به اشتباه پر می‌شوند یا اصلاً پر نمی‌شوند. اما بیهوده!
از این گذشته ، با پر کردن آنها ، می توانید ارتباط (مطابقت با درخواست تبلیغ شده) را به صفحات ما بدهید و میزان ترافیک سایت را دقیقاً از جستجوی تصویر افزایش دهید. همچنین، صفحه را از نظر توضیحات بهتر کنید، زیرا حتی تصاویر نیز به موتورهای جستجو نشان می دهند که به راحتی قرار گرفته اند، که به این معنی است که صفحه حتی بهتر است.
حال بیایید به روند بهینه سازی تصویر در عمل نگاه کنیم. همانطور که در بالا گفتم، تمام داده ها - عنوان و alt تصاویر را پر کنید.
اما ابتدا یک ارائه ویدیویی ارائه می کنم که در آن نکات اصلی را توضیح دادم که برای شما کافی است تا همه چیز را به درستی انجام دهید و از اشتباهات سخت جلوگیری کنید. مشاهده مبارک.
چگونه عنوان و alt تصاویر را به درستی پر کنیم؟
ابتدا چند کلمه در مورد این ویژگی ها می گویم. آنها برای چه چیزی مورد نیاز هستند؟
وظیفه اصلی این است که موتورهای جستجو بفهمند این یا آن تصویر در مورد چیست. همچنین، این پارامترها به تصاویر اجازه می دهد تا برای درخواست های خاصی وارد جستجوی تصویر شوند که در این ویژگی ها خواهیم نوشت.
حال بیایید نحوه پر کردن آنها را بررسی کنیم.
در این نمره، به سادگی تعداد زیادی از نظرات وجود دارد. من دیدگاه خود را بر اساس مطالعه دوره های مختلف و گزارش افرادی که سایت ها را درک می کنند، شکل داده ام.
ابتدا بیایید ببینیم این ویژگی ها چیست.
- عنوان - در همه موارد، این برچسب عنوان چیزی است (عنوان پست، تصاویر و غیره).
- Alt یک ویژگی تگ img itemprop = "image" است که تصویر را توصیف می کند. «متن جایگزین» نیز نامیده می شود.
ویژگی alt برای تصاویر بسیار مهم است. باید به ترتیب 100% پر شود. اما پس از پر کردن عنوان، اتفاق بدی نمی افتد، اما برای بهترین اثر، باید به آن نیز توجه کنید.
اولین مورد نیز زمانی که تصویر به دلایل خاصی بارگذاری نمی شود به عنوان متن در سایت نمایش داده می شود. عنوان نمایش داده می شود زمانی که ماوس را روی تصویر موجود در مقاله نگه دارید.
در عمل، اگر به کد تصویر در سایت نگاه کنید، عنوان و alt به این شکل است.
می بینیم که این ویژگی ها در کد خط 2 هستند. به آنها معانی خاصی داده می شود، یا بهتر است بگوییم، آن عبارات یا کلماتی که محتوای تصویر را توصیف می کنند. محتوای تصویر است نه کلمات کلیدی و چیز دیگری.
اکنون دیگر نمی توان تعداد زیادی کلیدواژه را در این ویژگی ها وارد کرد و در هر تصویر مقاله، کلمات کلیدی بیشتری وجود دارد. تصور کنید 40 تصویر در صفحه خود دارید. اگر جغد کلید را در عنوان و alt همه تصاویر بنویسید، احتمالاً تحت تحریم موتورهای جستجو قرار خواهید گرفت و موقعیت های بالایی را در نتایج جستجو نخواهید دید.
تنها قانونی که من به آن پایبند هستم و توصیه می کنم شما نیز از آن استفاده کنید این است که در این ویژگی ها توضیح بسیار کوتاهی از آنچه در تصویر نشان داده شده است بنویسید.
همچنین می توانید کلمه کلیدی را که مقاله با آن تبلیغ می شود وارد کنید، اما زیاد با آن بازی نکنید. من حداکثر یک تصویر را در مقاله تجویز می کنم - به اولین تصویر کوچک اصلی.
اگر تصویر شما با متن موضوعی احاطه شده باشد که آن را نیز توصیف می کند، بسیار خوب خواهد بود. اما دوباره، همه چیز باید برای بازدیدکننده واضح باشد و به عنوان نوعی دستکاری تلقی نشود. ما همه چیز را به طور طبیعی انجام می دهیم. اگر متن موضوع جایی برای قرار گرفتن در نزدیکی تصویر ندارد، کافی است عنوان و alt تصویر را بنویسید و تمام.
عنوان و alt باید یکسان باشند؟
و باز هم انبوهی از نظرات. کسی می گوید که باید تفاوت وجود داشته باشد، و کسی - اثر بهتر زمانی که همان. من تمایل بیشتری به باور برخی حقایق دارم. برای انجام این کار، من چند منبع بسیار موفق را برداشتم و به نحوه نوشته شدن این ویژگی ها در آنها نگاه کردم.
در منابعی که به سرعت نتایج خوبی به دست آوردند، بهینه سازی تصویر به پر کردن هر دو ویژگی به طور مساوی خلاصه می شود. و کلمات کلیدی در آنها موجود نیست. آنها واقعاً شرح کوتاهی از آنچه در تصویر نشان داده شده است می نویسند.
بنابراین، نتیجه گیری بعدی این است که ویژگی های عنوان و alt را می توان یکسان ساخت.
اما، این 100٪ جزم نیست. شما می توانید آنها را کمی متفاوت کنید، اما به طوری که معنی از این گم نشود. هم عنوان و هم ویولا باید تصویر را توصیف کنند. علاوه بر این، عنوان ممکن است به طور کلی وجود نداشته باشد (اشتباهی در این مورد وجود ندارد) و علاوه بر توضیحات خود تصویر حاوی اطلاعات دیگری نیز باشد. جزئیات بیشتر در مورد پرکردن صحیح ویولا و عنوان I. از لینک قبلی، من در مورد پرکردن این تگ ها عمیق تر شدم. اکیداً به شما توصیه می کنم مطالب را مطالعه کنید.
چگونه به طور عملی ویژگی های تصویر را تجویز کنیم
اگر از هر موتوری استفاده می کنید، چنین عملکردی را ارائه می دهد. به احتمال زیاد شما یک سایت وردپرسی دارید. همه چیز در آن بسیار ساده انجام می شود.
در پنجره پاپ آپ، پارامترهای تصویر از جمله عنوان و alt تنظیم می شوند.
ما همه چیز را پر می کنیم و فراموش نمی کنیم که فایل را به روز کنیم که تغییرات اعمال شده است. ما این کار را با هر تصویر انجام می دهیم.
اگر سایت شما توسط هیچ پلتفرمی مدیریت نمی شود، یعنی یک صفحه html ساده، باید آن را به صورت دستی اضافه کنید.
توصیه می کنم موارد زیر را انجام دهید. طبیعتاً به کد منبع سایت نیاز خواهید داشت که در آن می توانید کد تصویر را مشاهده کنید. شما به یک تگ افتتاحیه نیاز دارید
برای اینکه مغزم زیاد به هم نریزه همون کد قبلی رو میدم. آن را به عنوان یک جای خالی برای خود در نظر بگیرید.
به عنوان نمونه به آن نگاه کنید، جایی که باید ویژگی هایی را که از همان کد کپی می کنید، وارد کنید. سپس با پر کردن توضیحات خود آنها را به تصاویر خود اضافه کنید.
فراموش نکنید که ما این داده ها را بر اساس محتویات تصویر پر می کنیم. توصیف خود تصویر!
با این سوال حل شد اینجا همه چیز خیلی واضح است.
به طور خلاصه نتیجه این است: عنوان و alt یکسان را پر می کنند و در آنها توضیحات خود تصویر را بنویسید، یعنی آنچه در تصویر نشان داده شده است..
ما این موضوع را در نظر گرفته ایم. اما مبحث بهینه سازی تصویر چندوجهی است و نکات مهم دیگری نیز وجود دارد که می توان از آنها برای بهبود اثرگذاری سایت خود استفاده کرد.
نکات مهم دیگر
3 مورد دیگر وجود دارد که من در بالا به آنها اشاره نکرده ام:
- نام فایل تصویری؛
- کاهش وزن تصاویر؛
- منحصر به فرد بودن تصاویر برای سایت
اکنون فقط لحظه اول را در نظر خواهم گرفت ، زیرا برای 2 مورد دیگر مواد حجمی کامل را انتخاب کرده ام.
افراد کمی در مورد نام فایل در اینترنت می نویسند. اما در اینجا برخی تفاوت های ظریف نیز وجود دارد. نام خود فایل را قبل از آپلود در سایت باید چه نام گذاری کنید؟
مثل همیشه، نظرات تقسیم شده است. شخصی می نویسد که باید از کلمات کلیدی استفاده کنید. کسی که باید توصیف تصویر نامیده شود، یعنی دقیقاً مانند عنوان و alt.
و تعدادی فایل با هر نامی آپلود کنید. ما با استفاده از نوعی برنامه اسکرین شات گرفتیم. در تاریخ فعلی نامگذاری شد، بنابراین بارگذاری شد.
من بیشتر به گزینه دوم تمایل دارم، زمانی که سعی می کنیم تصویر را به نام خود فایل نیز توصیف کنیم. بدون کلمه کلیدی، به جز تصویر اصلی در مقاله. و سپس، شما نمی توانید آن را در آنجا استفاده کنید.
به عنوان مثال، تصویری از مقاله قبلی وبلاگ خود در مورد ایجاد فرم اشتراک برای به روز رسانی سایت نشان خواهم داد. عکس بعدی رو میزارم
کد تصویر به نظر می رسد.
کتاب جدیدی با عنوان «بازاریابی محتوا در رسانه‌های اجتماعی: چگونه به سر و کله مشترکان برسیم و عاشق برند خود شویم» منتشر کرده‌ایم.
تگ های alt چیست؟
تگ های Alt توضیح متنی محتوای یک تصویر گرافیکی در یک صفحه هستند که به شما امکان می دهد اطلاعات کامل تری در مورد آن به دست آورید و ناوبری در سایت را بهبود ببخشید. برای آن دسته از کاربرانی که تصاویر گرافیکی را در مرورگر خاموش می کنند، استفاده از تگ alt برای تعیین آنچه باید در تصویر باشد راحت خواهد بود. و عنوان حاوی یک راهنمای ابزار برای تصویری است که هنگام شناور ظاهر می شود.
همه ما از قبل می دانیم که چقدر مهم است که متن را به بلوک ها تقسیم کنیم، تصاویری را اضافه کنیم که از نظر بصری متن را جذاب و خواندن را آسان تر کند. اگر تصور کنیدسئو مانند مسابقه در یک هیپودروم، آنگاه اسب همیشه به خط پایان می رسد که تمام تلاش خود را کرده است. در جاهایی که لازم بود شتاب دادم یا در امتداد دایره داخلی راه رفتم و جوکی با کت و شلواری تنگ تا حد امکان سبک بود. بنابراین اینجاست - باید حداکثر از تبلیغات خارج شوید. خزنده‌ای که در صفحه شما می‌خزد و یک تصویر بهینه‌شده را می‌بیند، وقتی تگ alt را می‌خواند، کاملاً متوجه می‌شود که چه چیزی در آنجا نمایش داده می‌شود. او این اطلاعات را در ایندکس وارد می کند و شما یک SEO-plus برای صفحه خود و یک مزیت در نتایج جستجو دریافت خواهید کرد.
ویژگی Alt(متن جایگزین) یک ویژگی تگ است که به ربات جستجو اجازه می دهد تصویر را "دیده" و آن را فهرست کند. در واقع توضیح کوتاهی از آنچه در تصویر نشان داده شده است
ویژگی عنوانیک صفت است به عنوان عنوانی برای تصویر عمل می کند. این ابزار راهنمایی برای تصویر ایجاد می کند.
تگ های alt و title در کد صفحه به این صورت است:
قوانین نوشتن متن در ویژگی های alt و title
- توضیحات باید کاملاً با محتوای تصویر مطابقت داشته باشد.
- باید حاوی کلمه کلیدی باشد.
- همان صفحه باید دارای تگ های Alt مختلف باشد. اگر از کلیدهای یکسانی برای همه تصاویر استفاده کنید، این صفحه بد خواهد بودرتبه، و فرصتی برای وارد شدن به زیر فیلتر وجود دارد AGS
- طول بهینه از 3 تا 10 کلمه برای alt است. عنوان باید طولانی تر و گسترده تر باشد.
- متن های alt و title باید متفاوت باشند
تنظیم alt برای تصاویر
در اکثر CMS ها تنظیم این ویژگی بسیار آسان است. به عنوان مثال، در وردپرس، روی تصویر کلیک راست کنید -> "Edit" -> یک توضیحات برای ویژگی alt اضافه کنید.
در بسیاری از CMS ها، عملکرد مشابه است. برخی حتی پلاگین هایی برای تنظیم قالب این تگ ها دارند.به منظور نوشتن دستی ویژگی alt - توسط نحو تگ هدایت شوید در بالا ارائه شده است.
اگر اطلاعات دقیقی می خواهید، آن را در ما موجود استوبلاگ.
فرض کنید ترافیک سایت شما در برابر چشمان ما در حال افزایش است، اما حتی در این مورد نیز نباید از بهینه سازی تصویر غافل شوید. این فرصتی است برای دریافت ترافیک بیشتر برای منابع سرمایه گذاری شده قبلی. کلیدها در متون کاملاً درج شده اند، جنبه فنی سایت در بهترین حالت خود قرار دارد، بازدیدکنندگان زیادی وجود دارد، اما شاید حتی بیشتر. بهینه سازی تصاویر در سایت به این امر کمک می کند، زیرا عکس ها نیز در رتبه بندی عبارت های جستجو شرکت می کنند. و همچنین، فرصتی برای جمع آوری ترافیک اضافی از درخواست های "+عکس" وجود دارد.
این سوال را در نظر بگیرید که چرا باید از تصاویر در سایت استفاده کنید و چه نقشی در بهینه سازی سئوی منبع دارند. علاوه بر این، ما به استفاده از اجزای HTML مانند عنوان و ویژگی های alt برای تصاویر و چرایی اهمیت آنها خواهیم پرداخت. ما نمونه هایی از تصاویر بهینه و غیر بهینه را ارائه می دهیم، در نظر می گیریم که در چه کیفیتی از تصاویر استفاده می شود و چگونه این موضوع در کار یک منبع وب منعکس می شود.
مزایا و معایب استفاده از تصاویر در پروژه وب:
1. جوانب مثبت
به احتمال زیاد، هنگام بازدید از یک سایت، متوجه شده اید که تقریباً هر یک از آنها دارای تصاویر، عکس ها، تصاویر یا سایر عناصر گرافیکی متنوعی هستند.
اغلب موارد زیر اتفاق می افتد: صاحب سایت متن دیگری را در مورد موضوع خاصی می نویسد و می خواهد افکار خود را به وضوح تأکید کند تا بازدید کننده ای که به سایت می آید قابل درک تر باشد و از اطلاعات دریافتی به طور کامل رضایت داشته باشد. از آنجایی که در آینده این امر بر اعتبار منبع از نظر کاربران و ارتقای سایت در موتورهای جستجو، شبکه های اجتماعی و ... تاثیر مثبت خواهد داشت.
افرادی که در اینترنت برای جستجوی اطلاعات (مطالب) لازم سفر می کنند، می دانند که در سایت شماست که علاوه بر مطالب باکیفیت و مفید، کمک بصری به صورت تصاویر، تصاویر و غیره نیز وجود دارد. گرافیک طبیعتا برای اینکه عکس های شما تاثیر بگذارند باید با پرکردن صفت title و البته alt آنها را ترجیحا با کیفیت عالی در سایت آپلود کنید.
جنبه مثبت بعدی استفاده از تصاویر در سایت، توانایی بهینه سازی آنها برای درخواست های کلیدی خاصی از صفحه منبع مربوطه است که در آن قرار دارند. به هر حال، این به طور مستقیم بر ارتقای صفحه برای کلمات کلیدی تبلیغ شده تأثیر می گذارد.
علاوه بر این، موتورهای جستجو برای تصاویر واقع در پروژه های وب جستجو می کنند. اگر کلیدهای تصاویر را ثبت کرده باشید، کاربری که بر اساس این درخواست، هر تصویری را برای خود انتخاب می کند، می تواند با استفاده از تصویر انتخاب شده به منبع شما مراجعه کند. در نتیجه، یک بازدیدکننده هدفمند بیشتر دریافت خواهید کرد.
2. منفی.
هنگام استفاده از تصاویر، عکس ها، تصاویر در سایت ها، معایب عمدتاً در میان مبتدیان دیده می شود، زیرا استفاده از عناصر گرافیکی در یک پروژه وب می تواند خواننده را بترساند.
علل:
پر کردن تصاویر بی کیفیت در حالت وحشتناک.
استفاده از عکس ها به طور کلی خارج از موضوع است.
وجود تصاویر بیش از حد، که وزن اضافی به صفحه اضافه می کند و بارگذاری آن را طولانی می کند (حتی پس زمینه قالب).
عدم بهینه سازی، یعنی تصاویر دارای ویژگی‌های alt و title نیستند و برای پرس‌و‌جوهای کلیدی خاصی «تیز» نمی‌شوند.
نقش ویژگی‌های عنوان و Alt در سئوی تصویر
همانطور که در بالا اشاره کردیم استفاده از تصاویر به سایت در ارتقاء و ارتقاء آن در موتورهای جستجو کمک می کند. علاوه بر این، این باعث هجوم بازدیدکنندگان هدفمند از همان موتورهای جستجو می شود. و برای این، شما فقط باید از چند ویژگی ساده، اما در عین حال مهم استفاده کنید - این ویژگی است عنوانو صفت altبرای هر تصویر، عکس، عکس و سایر گرافیک ها. ماهیت این ویژگی ها استفاده از آنها برای فشرده کردن حداکثری است که به ارتقای منبع در موتورهای جستجو کمک می کند. از آنجایی که به ترتیب تنها دو ویژگی وجود دارد، نقش هایی که ایفا می کنند نیز دو تا هستند و با یکدیگر تفاوت دارند.
علیرغم اینکه این یک روش ساده برای بالا بردن موقعیت یک پروژه وب در موتورهای جستجو است، اکثر وب مسترها از آنها به طور کامل استفاده نمی کنند یا حتی به طور کلی آنها را نادیده می گیرند. برخی افراد معمولاً آنها را اشتباه می گیرند و متوجه نمی شوند که چه تفاوتی بین آنها وجود دارد. همچنین اتفاق می افتد که به این ویژگی ها تگ می گویند و این ها ویژگی های تگ img (از کلمه "تصویر") هستند، اما نه به عنوان برچسب های جداگانه، این را به خاطر بسپارید!
همان تگ HTML "img" برای نمایش تصاویر (تصاویر، عکس ها) با فرمت گرافیکی PNG، JPEG یا GIF در صفحه وب سایت استفاده می شود. در صورت لزوم، همان تصویر را می توان پیوند داد، برای این کار باید برچسب "img" را در یک ظرف محصور کنید. .
1. ALT را مشخص کنید.
این ویژگی بخشی از زبان HTML است. هدف آن توصیف یک شی به منظور ارائه اطلاعات اضافی در مورد این شی (در مورد ما، تصاویر) است. آن ها ویژگی alt برای تصاویر، وقتی گرافیک غیرفعال است، توضیحات خود را برای مرورگرها منتقل می کند. اگر این ویژگی را تجویز نکنید، بازدیدکننده به جای تصویر مورد نظر یک نماد خالی می بیند، اما اگر ویژگی alt را تجویز کنید، متن آن نشان داده می شود. اتفاقاً این ویژگی بیشترین تأثیر را در رتبه بندی تصاویر توسط ربات های موتورهای جستجو دارد.
این ویژگی چگونه کار می کند؟ این بسیار ساده است: عکس انتخابی را که قبلاً دانلود کرده اید در رایانه خود بگیرید و آن را در صفحه ضروری سایت خود در مکان مناسب آپلود کنید. سپس کد HTML این عکس را پیدا کنید و مقدار زیر را در آن بنویسید: alt = "به طور خلاصه تصویر را توصیف کنید و کلمات کلیدی را وارد کنید". توضیحات باید تا حد امکان کوتاه باشد (حداکثر چند جمله) و همچنین نیازی به وارد کردن کلمات کلیدی زیادی در آن نیست، زیرا موتورهای جستجو نگرش منفی نسبت به این موضوع دارند و این می تواند بر پروژه شما تأثیر منفی بگذارد. .
ویژگی alt به این صورت عمل می کند: یک بازدیدکننده به سایت شما می آید، تصویری را می بیند، اما توضیحات آن در دسترس او نیست (اگر عملکرد نمایش تصاویر در مرورگر او فعال باشد)، اما در هنگام نمایه سازی توسط ربات های جستجوگر مشاهده می شود. منبع اگر این عملکرد در مرورگر کاربر غیرفعال باشد، به جای تصویر، متن (توضیحات شما) را مشاهده می کند، که توسط آن خواننده متوجه می شود که چه نوع تصویری است.
2. ویژگی TITLE
این ویژگی عنوان نیز بخشی از زبان HTML است. هدف آن اساساً با ویژگی alt یکسان است، اما تفاوت این است که اگر بازدیدکننده روی تصویر انتخاب شده قرار بگیرد، توضیحات شما را می بیند. این ویژگی بر ارتقا و ارتقای سایت تأثیری ندارد، اما می تواند بر عامل رفتاری تأثیرگذار بر رتبه پروژه وب تأثیر بگذارد. ما آن را به این صورت می نویسیم: عنوان = "تصویر را توصیف کنید". همین. اضافه می کنیم که بهینه سازی تصویر، ویژگی های آن، همه اینها نقش بسزایی در ارتقای سایت ها در موتورهای جستجو دارد.
در زیر نمونه هایی از تصاویر بهینه سازی شده برای SEO با استفاده از ویژگی های عنوان و alt آورده شده است.
می توانید نمونه هایی از تصاویر بهینه شده را با این ویژگی ها مشاهده کنید:
پر کردن عنوان و ویژگی های alt برای کاربر در CMS WordPress بسیار آسان تر است. هنگام آپلود یک تصویر در سایت، یک لودر ویژه و یک پنجره ویژه برای بهینه سازی ظاهر می شود:
عنوان (با عنوان اشتباه نشود) به طور خودکار پر می شود، اما ویژگی alt باید توسط خودتان پر شود. علاوه بر این، بلافاصله پس از درج تصویر در سایت، باید آن را ویرایش کنید. در ویرایشگر تصویری روی آن کلیک کنید و به پنجره ویرایشگر هدایت خواهید شد:
همانطور که می بینید، ویژگی alt را می توان در اینجا اضافه کرد، اما قبلاً پر شده است (این برای تصویری که به عنوان تصویر کوچک استفاده می کنید نیز مهم است). این جایی است که شما ویژگی را پر می کنید عنوانبا تجویز کلمات کلیدی در آن که مشابه آنهایی هستند که در افزونه مشخص کرده اید: All In SEO Pack. پس از آن، ذخیره کنید و تمام - تصویر شما بهینه شده است.
از تصاویر موجود در سایت با چه کیفیتی باید استفاده شود
شما باید تصاویر را با بهترین کیفیت ممکن در سایت آپلود کنید، اما باید مطمئن شوید که روی سرعت بارگذاری صفحه تاثیری ندارند. از آنجایی که هنوز کاربرانی هستند که سرعت اینترنت پایینی دارند، بر این اساس، اگر صفحه زمان زیادی برای بارگذاری طول بکشد، آن شخص قطعاً سایت را ترک کرده و navryatli را برمی‌گرداند!
شما همچنین می توانید چنین تفاوت ظریفی را در بسیاری از پروژه های وب مشاهده کنید، علاوه بر استفاده از یک تصویر بزرگ بر حسب کیلوبایت (اندازه)، البته از ویژگی های عنوان و alt در اینجا استفاده نمی شود، اما از اندازه بزرگ پس زمینه وب سایت نیز استفاده می کنند. . اگر شما هم می‌خواهید از یک عکس به عنوان پس‌زمینه وب‌سایت استفاده کنید، به شما توصیه می‌کنیم آن را کوچک و تک رنگ انتخاب کنید، زیرا ضد مستعار خواهد بود و یک تصویر کامل دریافت خواهید کرد.
علاوه بر آپلود تصاویر با کیفیت در سایت، مصرف فضای دیسک روی هاست و سرعت کار آن را فراموش نکنید. هرچه سرعت کمتر باشد، منبع شما کندتر بارگذاری می شود. بنابراین، ما توصیه می کنیم، قبل از استفاده از یک تصویر با کیفیت بالا برای صفحه وب سایت، تصمیم بگیرید که آن را در کجا اعمال کنید و چه تعداد تصویر را می توان به صفحه اضافه کرد.
همچنین برای کاهش وزن عکس می توانید از برنامه فتوشاپ استفاده کنید. در برنامه، به منوی "فایل" → "ذخیره برای وب و دستگاه ها" بروید - این همه است.
بهینه سازی پروژه خود را بهبود ببخشید، همراه با افراد شایسته، پروژه خوبی خواهید داشت!
موضوع مقاله امروز SEO - بهینه سازی تصویر با استفاده از ویژگی ALT است. بسیاری از مردم نمی دانند که با بهینه سازی این ویژگی، احتمال بازدید از سایت خود را افزایش می دهید. بنابراین، در ادامه مقاله با جزئیات بیشتر به شما خواهم گفت:
ویژگی ALT چیست؟
ALTیک ویژگی است که حاوی متن جایگزین تصویر است. ویژگی زمانی که تصویر در مرورگر غیرفعال است نشان داده می شود، اما در تنظیمات استاندارد آن را نخواهید دید.
نحوه صحیح نوشتن توضیحات تصویر
قبل از ثبت عنوان، اشتباهات رایجی که در سایت ها متوجه می شوم را به شما می گویم.
صفات خالیALTوعنوان... به طور معمول، بسیاری از سئوکاران با این برچسب زحمتی نمی کشند. بله، شاید اگر سایت شما بسیار بزرگ است و روزانه 100000 بازدیدکننده دارد، نباید خود را خسته کنید، اما اگر فقط تبلیغ می کنید و به اولین ترافیک نیاز دارید، باز هم باید ویژگی ها را مشخص کنید.
ناسازگاری تصویر و صفاتفرض کنید اگر تصویر شما یک BMW X5 را نشان می‌دهد و شما آئودی A3 را در این ویژگی بنویسید، انتظار نداشته باشید که شخصی عکس شما را در سایت دنبال کند.
بهینه سازی مجدد... یک مشکل رایج را می توان مستقیماً به عنوان مثالی برای عدم انجام آن تنظیم کرد. بهینه سازها، به امید به دست آوردن ترافیک مورد علاقه، چندین کلمه کلیدی را در ویژگی "alt" تجویز می کنند و منتظر می مانند تا موقعیت ها در SERP ها شروع به رشد کنند. باید بدانید که این متن توسط افرادی خوانده می شود که چندین عکس را رتبه بندی می کنند و در صورت وجود هرزنامه زیاد، هیچ کس لینک را دنبال نمی کند. افزودن کلمات تجاری "خرید، سفارش، قیمت، هزینه، نام شهر" توصیه نمی شود.
موتورهای جستجو نیز می توانند تحریم هایی را علیه شما اعمال کنند، پس غافل نشوید.
اما چگونه باید برای تصاویر برچسب بنویسید؟
توضیح مختصر و واضح تصویر. تصویر را تا حد امکان دقیق توصیف کنید و اگر ALT به طور خودکار ایجاد شده است، همه صفحات را دوباره بررسی کنید.
طول ویژگی محدود است.موتورهای جستجو 3-4 کلمه (حدود 250 کاراکتر) را در نظر می گیرند که توصیف تصویر را دشوار می کند.
بروز کلمات کلیدیدر واقع، به همین دلیل است که ویژگی ALT باید مشخص شود. کلمه کلیدی خود را در متنی کاربرپسند بنویسید.
برای مثال:
alt = "تعمیر کامپیوتر در چبوکساری"
ویژگی های منحصر به فرد برای هر تصویر. همچنین یک جزء مهم، رایج ترین مشکل برای بهینه سازهای SEO است. با استفاده از یک مثال، من به شما نشان خواهم داد که چگونه آن را حل کنید.
کارت محصول حاوی تصاویر زیادی است
چگونه می توانید تصاویر یک محصول را جدا کنید اگر نمی توانید هرزنامه ارسال کنید و باید هر چیزی را که منحصر به فرد است ثبت کنید؟ فرض کنید "سیستم اسپلیت HYUNDAI H-AR6-07H" را می توان به صورت زیر توصیف کرد:
"سیستم اسپلیت HYUNDAI H-AR6-07H View 1"
"سیستم اسپلیت HYUNDAI H-AR6-07H نوع 2"
علاوه بر تصاویر محصول، عناصری در سایت خود دارید: محصولات مشابه، این محصول بیشتر دیده می شود و غیره. این نوع تصاویر را نباید با تجویز ALT و Title تخفیف داد و سئو را بهینه کرد. و ارزش آن را دارد که وقت بگذارید و به طور خاص یادداشت کنید: نام تجاری، مدل، شماره محصول، همه پارامترهای مهمی که افراد می توانند در جستجوی آن ها استفاده کنند.
اندازه تصویر- هر چه وضوح تصویر بالاتر باشد، بهتر است. در هر صورت، صفحه نمایش آن به لطف ویژگی های "عرض" و "ارتفاع" قابل تنظیم است. اما تصویر را خیلی کوچک نکنید، در غیر این صورت موتورهای جستجو تصویری کمتر از 150 پیکسل را در نظر نمی گیرند و آن را به عنوان یک نماد در نظر می گیرند.
مکان تصویر- تا حد امکان به متنی که حاوی کلمات کلیدی است نزدیک شود. به همین دلیل است که بسیاری از سئوکاران این فاکتور را در نظر می گیرند و طرح استاندارد تصاویر به این صورت است:
متن عنوان با کلمه کلیدی
توضیحات بیشتر
وزن تصویر را کاهش می دهد.اندازه تصویر نقش کلیدی دارد، زیرا اگر وزن زیادی داشته باشد که حتی سرعت بارگذاری سایت را کاهش می دهد، این روی رتبه بندی کل سایت تأثیر می گذارد. بله اتفاق افتاد!
امضای زیر عکس
اگر سایت شما دارای تعداد زیادی عکس و تقریباً بدون متن است، یک عنوان با یک عکس مفید خواهد بود، بنابراین از نظر سئو باید آن را بهینه کنید:
- کلمات کلیدی را مشخص کنید درج کلمات کلیدی در امضا الزامی است، زیرا این متن در رتبه بندی کل صفحه نقش دارد.
- هر واقعیت / فایده ای را در مورد تصویر نشان دهید.
به عنوان مثال، شما یک تصویر از بلندگوهای آیفون 7 دارید.
در کپشن، این واقعیت را نشان دهید: "صدای صدا در آیفون 7 به لطف نورپردازی به طور قابل توجهی بهتر شده است" نگرش Yandex به ویژگی ALT
"چگونه عکسم را اول بگذارم؟"
هنگام رتبه بندی تصاویر، متن مجاور تصویر در نظر گرفته می شود. هر چه توضیحات تصویر با درخواست کاربر مطابقت بیشتری داشته باشد، احتمال اینکه تصویر در صفحه اول نتایج جستجو نشان داده شود بیشتر است.
متن زیر عکس برای موتور جستجو بسیار مفیدتر از خود ALT است.
رتبه بندی تصاویر گوگل
جدا از ALT فوق الذکر، در اینجا چیزی است که گوگل هنگام رتبه بندی تصاویر در نظر می گیرد.
بیایید به فاکتورهای برتر برای گوگل بپردازیم.
عکس های با کیفیت خوب- باید واضح باشد، بنابراین. هیچ کس علاقه ای به عکس های تار یا فقط کیفیت پایین نخواهد داشت. در اینجا، به جای آن، کیفیت تصویر بر روی نرخ کلیک آن، یک CTR خاص، بازی می کند.
صفحات جداگانه برای هر تصویر- فکر جالبی است، اما راستش من به ندرت چنین سایت هایی را می بینم. بهینه سازی مشکل ساز می شود: فروشگاه های آنلاین، سایت های تک صفحه ای، سایت های کاتالوگ که در آن تعداد زیادی تصویر ذخیره می شود.
در مورد ویژگی عنوان چطور؟
گوگل اشاره ای نکرد و یاندکس حداقل ویژگی عنوان را ذکر کرد. (با برچسب اشتباه گرفته نشود). قطعاً زائد نخواهد بود، فقط این امکان وجود دارد زیرا عنوان هنگام شناور شدن روی تصویر نمایش داده می شود و معنایی دارد. در این رابطه، مانند متن زیر تصویر، می توانید آزمایش کنید، اطلاعات مفیدی را نشان دهید: حقایق مختلف، مزایا و غیره.
در هر صورت بسیار مفیدتر از آنچه اخیراً نوشتم است.
همین. سوالات خود را در نظرات بپرسید، چه کسی در مورد ویژگی های ALT، TITLE فکر می کند. چگونه به تصاویر خود سبک می دهید؟
