تگ area و تاثیر آن بر سئو
آیا وب سایت های فروش لباسی را دیده اید که تصویری از یک مدل نشان داده اند و شما می توانید با کلیک ماوس بر روی کلاه، شلوار و یا هر لباس دیگر در آن تصویر، وارد صفحه توضیحات آن محصول شوید ؟ در تصویر زیر دقت کنید، که با کلیک بر روی علامت + آبی رنگ، جزئیات بیشتر در مورد این محصول نشان داده شده است :
کاربر تگ area
تگ <area> منطقه ای را در داخل یک نقشه تصویری (یک تصویر با مناطق قابل کلیک) تعریف می کند. عنصر area همیشه در داخل یک تگ map قرار میگیرد . متخصصان سئو معمولا در مورد این عنصر زیاد بحث نمیکنند. به مثال زیر توجه کنید:
[php] <img src =”planets.gif” width=”145″ height=”126″ alt=”Planets” usemap =”#planetmap” />
<map name=”planetmap”>
<area shape=”rect” coords=”0,0,82,126″ href=”sun.htm” alt=”Sun” />
<area shape=”circle” coords=”90,58,3″ href=”mercur.htm” alt=”Mercury” />
<area shape=”circle” coords=”124,58,8″ href=”venus.htm” alt=”Venus” />
</map> [/php]
برای کسب اطلاعات بیشتر در مورد ویژگی های اختیاری و استاندارد تگ <area> به مقاله مربوط به این تگ مراجعه کنید.
نکاتی در مورد تگ area برای طراحان وب
- نیازی به گفتن نیست، شما باید با CSS ، ظاهر این تگ را تغییر دهید و ترجیحا از ترکیبی از جاوا اسکریپت و CSS برای ایجاد نقشه های تصویری زیبا و ابزار راهنمای بصری استفاده کنید.
- برای پیاده سازی نقشه های تصویری، به این ترتیب عمل کنید: HTML ساده ، CSS ، جاوا اسکریپت و در نهایت فلش.
- هر تگ area باید دارای یک خاصیت ALT باشد. بنابراین حتی اگر مقدار آن خالی (””=alt) باشد باید در تگ قرار بگیرد. بهتر است همکاران برنامه نویس یا متخصصان سئوی شما به یاد داشته باشند که ، تا جایی که ممکن است چیزی را به متن Alt اضافه کنند. برای مثال کلمات کلیدی توصیفی برای این تصویر..
نکاتی در مورد تگ area برای متخصصان سئو
- تگ <img> و تگ <area> در یک نقشه تصویری باید دارای خاصیت ALT باشند که تصویر را در ۱۵۰ کاراکتر یا کمتر توضیح دهد. متن ALT را نمی توان با کلمه “کپی رایت” و یا با نماد آن شروع کرد.
- قرار دادن متن مربوطه، در نزدیکی خاصیت Alt باعث میشود موتورهای جستجو ، ارتباط بهتری بین کلمات کلیدی و تصویر برقرار کنند. کلمات کلیدی توصیفی و مربوط به تصویر را در نظر گرفته و از آنها استفاده کنید. متن خاصیت ALT اگر کوتاه باشد می تواند رتبه بندی یک صفحه را بهبود بخشد.
- یکبار دیگر صفحاتی که حاوی این تگ هستند را چک کنید که تمام تگ های <area> و <img> دارای یک خاصیت ALT باشند . این کار برای بهینه سازی تصویر مهم است. اگر به هر دلیلی نقشه ی تصویری شما به خاصیت ALT نیاز نداشته باشد، فقط مقدار آن را خالی بگذارید (””=alt) .
نکاتی در مورد تگ area برای برنامه نویسان
- از اجرای نقشه های تصویری با فلش جلوگیری کنید .
- در صورت لزوم، از XML های خارجی و یا فایل های پیکربندی متن استفاده کنید. XML یک فرمت ساختاری و معنایی برای محتوای قابل ایندکس سایت به موتورهای جستجو ارائه می دهد .
نکاتی در مورد تگ area برای کپی رایترها
- استفاده از کلمات کلیدی توصیفی و مربوط به تصویر را در نظر بگیرید. اگر متن خاصیت alt بیش از حد طولانی باشد ممکن است موتورهای جستجو، صفحه را برای یافتن نشانه ای از تکنیک های فریبنده به منظور افزایش رتبه بیشتر بررسی کنند.
- متن خاصیت alt باید حداکثر از ۱۵۰ کاراکتر تشکیل شده باشد .