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

این یک مشکل انتزاعی نیست: مردم در واقع باید این مطالب را آموزش دهند. نسل بعدی طراحان و توسعه دهندگان وب با HTML5 به عنوان نقطه شروع آموزش داده خواهند شد. متاسفم برای کسی که باید سعی کند طرح کلی و برش را برای محصول فعلی و آینده دانش آموزان توضیح دهد. شاید آنها عاقلانه به قالب ساده ای که ما داریم که هنوز هم خوب کار می کند پایبند باشند: از div ها با شناسه یا کلاس/ها استفاده کنید.

منطقی است که پیشنهاد کنیم که احتمالاً عامل‌های کاربر در آینده، مانند مرورگرها و صفحه‌خوان‌ها، کارهای بیشتری با عناصر ساختاری HTML5 انجام دهند و این امر آنها را برای ما به‌عنوان نویسنده دلپذیرتر می‌کند.

بروس لاوسون از اپرا همین را پیشنهاد کرد روی را لیست پستی WHATWG در سال 2009:

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

و در اینجا چیزی است که Hickson، ویرایشگر HTML5، در پاسخ گفت:

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

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

آیا در HTML به معناشناسی بیشتری نیاز داریم؟

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

از یک طرف موافقم از نظر ساختار دهی یک وب اساسی page، می توانم بگویم که بهتر است به طور کلی عناصر بخش بندی HTML را نداشته باشیم. چیزی که زمانی یک تمرین ساده در استفاده از div ها بود، بدون هیچ سود خالص به یک آشفتگی پیچیده در HTML5 تبدیل شده است.

با این حال، از نظر معنایی به طور کلی، مواردی وجود دارد که می توان معنای بیشتری را اضافه کرد روی بالای ساختار وب ما page (چه HTML4، 5 یا هر آنچه که در ادامه آمده است) با استفاده از ویژگی های اضافی روی عناصر موجود ما

ARIA برای دسترسی

یکی از ساده ترین چیزها برای پیاده سازی روی یک سایت موجود یا جدید، نشانه های ARIA هستند. (ARIA مخفف Accessible Rich Internet Applications و مشخصاتی است که روشی را برای دسترسی بیشتر برنامه های کاربردی وب و صفحات وب تعریف می کند.)

نشانه‌های ARIA زیرمجموعه‌ای از مشخصات کلی ARIA و نوع ساده‌ای از ابرداده هستند که به کاربران نابینا و کم بینا با صفحه‌خوان اجازه می‌دهد تا به بخش‌های مهم یک صفحه بپرند. page، یعنی “نقاط برجسته”. ما به سادگی role=”Landmark-name” را به یک عنصر موجود اضافه می کنیم، به همان روشی که class=”class-name” را به یک عنصر اضافه می کنیم. نشانه های AIRA هستند در اینجا در مقایسه با HTML5 بحث شده است.

نشانه‌های ARIA با کاری که در حال حاضر انجام می‌دهیم تطابق بسیار بهتری دارند. نامگذاری کمی مبهم است، اما حداقل آنها منعکس کننده شیوه واقعی نویسندگی وب هستند. به عنوان مثال می توانیم استفاده کنیم:

• بنر برای کل page هدر
• ناوبری برای ناوبری
• مکمل برای میله های جانبی
• محتوای اطلاعات برای پاورقی.
• اصلی برای حوزه محتوای اصلی

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

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

موتورهای جستجو

بنابراین ما معناشناسی بیشتری برای دسترسی داریم، اما همچنین معنای بیشتری را برای موتورهای جستجو در دسترس داریم.

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

با این حال، موتورهای جستجو مشتاق به درک بهترین روش هستند نمایش داده شود (نکته: نه رتبه) محتوای وب به روشی ساختارمندتر.

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

در حالی که این نوع داده‌های غنی مدتی است که در قالب‌های مختلف وجود داشته است، فقط سال گذشته موتورهای جستجوی اصلی مورد استفاده قرار گرفتند راه اندازی شد مجموعه گسترده ای از استانداردهای جدید برای این نوع داده های ساخت یافته. آنها آنها را “طرحواره” می نامند، و آنها در خانه هستند Schema.org. آنها از استاندارد microdata HTML استفاده می کنند و قبلاً توسط شرکت هایی مانند eBay،IMDB، Rotten Tomatoes و غیره پیاده سازی شده اند.

این بزرگ‌ترین جهش به سمت وب معنایی‌تر در سال‌های اخیر است، اما در پشت درهای بسته با هیاهوی کمی و بدون استاندارد انجام شد. process به هر حال انداخته شد روی بدون اخطار ما، و از آن زمان بیشتر تحت رادار جامعه طراحی وب پرواز کرده است. همپوشانی های زیادی با معنای HTML5 نیز وجود دارد، به عنوان مثال طرحواره هایی برای آن وجود دارد مقالات، وب صفحات و وب page عناصر، در میان طرحواره های بسیار بیشتری که شامل همه چیز از قسمت های تلویزیونی به شرایط پزشکی. همچنین این است راه توصیه شده از توصیف فیلم ها روی وب

بعد از تمام بحث‌ها در مورد معنای HTML (و فقدان آن)، موتورهای جستجو روشن کرده‌اند که داده‌های معنایی بسیار بیشتری را در نشانه‌گذاری ما می‌خواهند، اما این اتفاق خواهد افتاد. روی در بالای ساختارهای موجود، و نه با عناصر جدید.

اما مطمئناً برای ما به عنوان جامعه‌ای که به معانی شناسی و استانداردهای وب علاقه مندیم، نه رویکرد محدود و معیوب HTML به معناشناسی، و نه رویکرد بسته و حذف شده موتورهای جستجوی اصلی بهترین راه پیش رو نیست.

از برخی جهات، اسب معنایی HTML5 پیچ شده است. این فقط به ما بستگی دارد که آسیب را مهار کنیم. در مورد schema.org، این یک دنیای کاملاً جدید است، و باید دنیایی را به دقت بررسی کنیم، یا گروه کوچک دیگری قرار است تعیین کنند که چه چیزی به نفع ما – و وب – برای ماست. در واقع، ممکن است قبلاً اتفاق افتاده باشد.

نتیجه گیری

بیایید با چند نتیجه گیری پایان دهیم.

• سرفصل ها اهمیت دارند: اول، ما باید واقعاً به ساختار عنوان صفحات خود اهمیت دهیم تا به کاربران نابینا و کم بینا کمک کنیم که سعی می کنند با صفحه خوان ها دور شوند. عناصر محترم h1-h6 ممکن است محدود باشند، اما به آنها اعتماد شده است روی به شدت توسط کاربران صفحه خوان.
• ساختار HTML5 آشفته است: احتمالاً باید عناصر ساختاری HTML را به کلی نادیده بگیریم. آنها کمی فاجعه بودند – ما اساساً مشخصات را تغییر داده‌ایم، خطوط کلی شکسته زیادی ایجاد کرده‌ایم و زمان زیادی را در تلاش برای دستیابی به یک سیستم اساساً شکسته تلف کرده‌ایم. زنده باد دیوی ها
• نشانه های ARIA را در نظر بگیرید: افزودن نشانه های ARIA به سایت شما یک راه ساده و موثر دیگر برای کمک به کاربران صفحه خوان است.
• schema.org و آینده معناشناسی را در نظر بگیرید: schema.org از پشتوانه موتورهای جستجوی اصلی برخوردار است، و در حالی که در حال حاضر مطمئناً یک کیسه مختلط است، به نظر می رسد آینده ای برای داده های ساخت یافته باشد. روی وب

بخش های خوبی در مشخصات HTML5 وجود دارد، از ویژگی های فرم های جدید گرفته تا History API و Canvas. در واقع، بدون WHATWG، که نیروی محرکه HTML5 بوده است، ما همچنان با HTML4/XHTML 1.0 گیر می‌افتیم، در حالی که منتظر بودیم W3C کار خود را جمع کند. با این وجود، فقط به این دلیل که HTML5 و تمام فناوری‌های مرتبط پیرامون آن جدید و هیجان‌انگیز است، به این معنا نیست که باید هر چیزی را که به ما داده می‌شود بپذیریم.

گاهی اوقات ارزش دیدن طرز تهیه سوسیس HTML را دارد تا بدانیم چه می خوریم. و در مورد معناشناسی ساختاری HTML، من ترجیح می دهم بگذرم.

گرسنه برای بیشتر؟ کتاب لوک “حقیقت درباره HTML5” برای مدت محدودی از طریق سایت خواهر ما در دسترس است MightyDeals.com با 50% تخفیف شگفت انگیز

آیا از نشانه های ARIA یا Schema.org استفاده کرده اید؟ آیا آینده ای برای عناصر ساختاری HTML5 می بینید؟ در نظرات به ما اطلاع دهید.

تصویر/تصویر کوچک ویژه، موارد استفاده تصویر ساختار از طریق Shutterstock.