Oprócz elementów semantycznych musisz także zwrócić uwagę na tagi nie semantyczne, jeśli chcesz dobrze sobie radzić w rankingach wyszukiwarek. Znaczniki nie semantyczne mają również swój własny cel. Można ich używać, gdy trzeba oznaczyć treść wyłącznie ze względu na styl.
Na przykład, jeśli chcesz dodać lewy margines do grupy treści, które nie są ze sobą powiązane, musisz wprowadzić klasę HTML, aby można było nadać jej styl CSS. To właśnie wtedy nie semantyczny znacznik <div> jest najlepszym wyborem, ponieważ nie przypisuje grupie znaczenia strukturalnego. Znacznik <div> na poziomie bloku ma również odpowiednik na poziomie wbudowanym: <span>, którego można używać w ten sam sposób, tylko w przypadku treści wstawianych.
Wiele razy nie jest łatwo zdecydować, czy potrzebujesz elementu semantycznego czy nie-semantycznego. Ogólnie rzecz biorąc, zbyt wiele znaczników semantycznych może również uszkodzić kontur dokumentu, ponieważ struktura strony będzie zbyt skomplikowana.
Zaplanuj swój dokument
Planowanie szkicu dokumentu jest własną formą sztuki, która wymaga dużo praktyki. Istnieją jednak narzędzia, które mogą pomóc w utworzeniu logicznej struktury dokumentu.
Istnieją samodzielne aplikacje, takie jak HTML Outliner, w których wystarczy skopiować i wkleić kod HTML lub wstawić adres URL strony, a aplikacja zwraca kontur dokumentu ze wszystkimi potencjalnymi problemami, takimi jak brakujące nagłówki. Przejrzy zarys i spróbuje ocenić, czy nie jest ani zbyt prosty, ani zbyt skomplikowany w stosunku do złożoności strony www.
Możesz także skorzystać z rozszerzeń przeglądarki, takich jak HeadingsMaps dla Firefoksa lub HTML5 Outliner dla Chrome. Największą zaletą tych rozszerzeń przeglądarki jest to, że pozwalają analizować kontur dokumentu dowolnego adresu URL. Możesz więc szybko sprawdzić, czy twoi konkurenci używają właściwej semantyki HTML5. Poza tym jest to również dobra okazja do nauki. Aby zrozumieć, w jaki sposób inni programiści używają semantyki HTML5 do oznaczania struktury strony.
Przeglądarki tekstowe
Niektórzy programiści używają również przeglądarek tekstowych, takich jak Lynx, do sprawdzania konturu dokumentu i struktury linków. Przeglądarki zostały pierwotnie stworzone dla użytkowników niedowidzących, którzy przeglądają sieć za pomocą czytników ekranu. Jednak ponieważ wyszukiwarki „widzą” internet podobnie jak osoby niewidome. Przeglądarka tekstowa może być bardzo przydatnym narzędziem do wykrywania rozbieżności i błędów.