با هر صفحه وبی یک بخش سرصفحه در کدهایش دارد که تگ هایی زیادی داخل آن قرار می گیرند.
کاربران سیستم های مدیریت محتوا مثل وردپرس اغلب به پلاگین های سئو برای ایجاد این تگ های پیچیده تکیه می کنند.
با این حال اگر شما صفحه وب تان را از صفر می نویسید نیاز دارید کمی با این تگ ها آشنا باشید.تعداد صدها عدد از این تگ ها وجود دارد که برای دانستن هدف هر کدام از آنها کافیست به Get Head Info سر بزنید.
این سایت همه تگ های این بخش را به صورت مرتب شده و فهرست بندی شده قرار داده است.همچنین می توانید این لیست را در Github نیز ببینید همانجایی که از در آن متولد شد.
این سایت به صورت جدا توسط نویسنده آن مدیریت می شود اما مخزن گیت هاب آن برای درخواست های Pull باز است بنابراین توسعه دهندگان دیگر می توانند تگ های پیشنهادی شان را به آن اضافه کنند.
این مخزن گیت هاب در حال حاضر بسیار بزرگ شده و به زبان های مختلف مثل چینی، ژاپنی و برزیلی ترجمه شده است.
بعضی از محتویات آن شامل :
- حداقل تگ های مورد نیاز head
- عناصر صفحه (استایل شیت ها، اسکریپت ها)
- تگ های meta
- تگ های link
- تگ های اجتماعی (Open Graph)
- تگ های پشتیبانی از موبایل
به علاوه در همه بخش ها توضیحات لازم به همراه کد کامل قرار دارد و شما می دانید کد چیست و چگونه باید از آن استفاده کنید.
اگر کلا در این زمینه تازه کار هستید می توانید سری به دوره های آنلاین ما بزنید.
بسیار ممنونم از مطالب اموزشی شما
سلام سوالی داشتم و نمیدونستم کجا مطرحش کنم . صفحه ای دارم که بوت استراپ و اچ تی ام ال ۵ طراحی شده . من میخوام نحوه نمایش یک پست در حالت دسکتاپ و موبایلی متفاوت باشه . مثلا پستی گذاشتم که در حالت دسکتاپ اول عکس بعد عنوان بعد نوشته را نشان میدهد اما در حالت موبایلی اول عنوان بعد عکس را نشان دهد. تشکر
سلام. لطفا صفحه تون رو جایی آپلود کنید و لینک اش رو بدید تا چک کنم و بعد نظر بدیم.مرسی
سلام.خسته نباشید. مطالبتون از هر نظر عالی و کامل و مفیده! منکه خیلی استفاده کردم! خوشبحالتون که اینقدر بلدید 🙁
سلام . خوشحالم مطالب براتون مفید بوده. همه ما از اول بلد نبودیم یکم تمرین کنین حتما یاد میگیرید
لطفا بازم به فتولیا سر بزنید