HTML5, SEO i mikrodane

DUŻO podziękowania dla Oli Studholme z HTML5 Doctor za pomoc w zrozumieniu tego !!!!

Aktualizacja 28 lipca 2013 r .: Nie tylko wiele punktów w tym poście jest błędnych, ale poprawne punkty są nieco przestarzałe. The schema.org biblioteka jest zalecana do oznaczania mikrodanych zamiast starszych danych data-vocabulary.org.

Aktualizacja 21 lutego 2011: Oli spojrzał na ten post i zasugerował zmiany kodu i semantyki. Mówiąc najprościej, w tym artykule jest wiele błędów semantycznych. Poniższy kod został zmieniony zgodnie z jego sugestiami, ale semantyka była duża. Tyle, że łatwiej było utworzyć nowy wpis, wymieniając je zamiast edytować ten artykuł. Przejrzyj poniższy kod, ponieważ zawiera on swoje zmiany przeczytaj mój post wymieniając jego sugestie semantyczne . - k

Nauczyłem się kilku rzeczy o tym, jak HTML5 obsługuje optymalizację wyszukiwarek, lub SEO. Najważniejszą rzeczą, jakiej się nauczyłem, jest to, że wszyscy musimy w pełni zrozumieć mikrodane, ponieważ Google używa ich do zbierania szczegółowych informacji o Twojej stronie internetowej.

Podczas gdy wciąż uczę się o mikrodanych, rozumiem 95% tego… i pozwólcie, że od początku będę wiedział, co rozumiem:

Głównym zadaniem Microdata jest dostarczanie wyszukiwarekom i czytnikom maszyn dodatkowych informacji o Twojej witrynie, aby mogli lepiej zrozumieć zawartość witryny.
Mikrodane MUSZĄ być napisane w 100% czystym HTML5.
Mikrodane nie powodują, że treść strony jest bardziej znacząca lub bardziej bogata w frazeologię.
Podobnie jak w przypadku wszystkich najlepszych praktyk SEO, Microdata nie gwarantuje wysokiego rankingu witryny Google.
Mam nadzieję, że byłam jasna. Teraz przejdźmy do…

Często nazywana „najlepiej zachowaną tajemnicą HTML5”, Microdata, pozwala na umieszczenie niestandardowego słownika danych na swojej stronie internetowej. „Jeśli mikrodane korzystają ze słownika„ bogatego fragmentu ”Google, mogą być również używane przez Google”.

Zobaczmy to w akcji:

Niedawno stworzyłem tę stronę testową z następującym kodem:

<section itemscope itemtype = "http://www.data-vocabulary.org/Person"> <img itemprop = "photo" class = "me" width = "80" height = "80" src = "http: // en.gravatar.com/userimage/4528928/87cc8430c1f9a5c3b809cdde885f565a.jpg "alt =" [Kai Gittens, około 2010] "> <h1 class =" entry-title "> O Kai Gittens, AKA Kaidez </h1> <br /> <h2> Wysłany przez Kai Gittensa w styczniu <abbr> 24th //abbr> </h2> <br /> <h2 class = "updated"> <time> 24 stycznia 2011 </time> </h2> <dl > <dt> Nazwa </dt> <dd itemprop = "nazwa"> Kai Gittens </dd> <dt> Pozycja </dt> <dd> <span itemprop = "title"> Założyciel </span> z <span itemprop = "affiliation"> kaidez.com </span> </dd> <dd> <span itemprop = "title"> Web Designer dla Revlon / Almay </span> </dd> <dt> Adres pocztowy </ dt > <dd itemprop = "adres" itemscope itemtype = "http://data-vocabulary.org/Address"> <span itemprop = "adres-ulicy"> 237 Park Ave. </span> <span itemprop = "locality" > Nowy Jork </span>, <span itemprop = "region"> NY </span> <span itemprop = "kod pocztowy"> 10017 </span> <span itemprop = "nazwa kraju"> USA </ span > </dd> < / dl> <h2> Informacje o sieciach społecznościowych </h2> <ul> <li> <a href="http://kaidez.com/" itemprop="url"> Blog </a> </li> <li > <a href="http://facebook.com/kaidez" itemprop="url"> Profil na Facebooku </a> </li> <li> <a href = "http://www.twitter.com/ kaidez "itemprop =" url "> strona Twittera </a> </li> </ul> </section>

Podzielmy kod…

Zauważ, że otwierający znacznik `<section>> ma dwa atrybuty: itemscope i itemtype.
itemscope mówi przeglądarce, że wszystko w tagach `<section>> jest mikrodane i powinno być traktowane jako takie.
itemtype dołącza mikrodane do biblioteki słowników „Person” przechowywanej w data-vocabulary.org schema.org , wspólna współpraca w zakresie słownictwa danych kilku głównych wyszukiwarek.
Dla każdego elementu danych w znaczniku `<section>> (nazwa, adres itp.) Należy zastosować do niego atrybut itemprop. Spójrz na kod i skopiuj go tak, jak w przypadku wartości przypisanych.
Wszystkie dane są następnie przesyłane do Google i jeśli pojawią się w wynikach wyszukiwania, będą wyglądać następująco:

Jeśli potrzebujesz więcej dowodów tego wyniku, sprawdź, jakie informacje powrócą po podłączeniu mojej strony testowej Narzędzie do testowania Rich Snippets Google .

Wykonałem wiele wyszukiwań Google, próbując uzyskać ten fragment ... nie mam jeszcze szczęścia. Ale jestem przekonany, że ostatecznie i wiem, że mikrodane wciąż robią rzeczy za kulisami.

Mikrodane nie są tak naprawdę nowymi koncepcjami: są podobne do istniejących technologii, takich jak RDFa i mikroformaty. Ale RDFa musi być napisany w XHTML, który zmierza do wycofania W3C; podczas gdy mikroformaty naprawdę nie działają bez CSS, co oznacza, że będziesz mieć dodatkowy kod. Wprowadzenie mikrodanych do pracy wymaga napisania nie przestarzałego kodu HTML5 i nic więcej.

Mówiąc o mikroformatach używających klas CSS, oto krótki FYI: umieszczenie powyższego kodu na stronie WordPress o tematyce dwudziestu dziesięciu nadal będzie wysyłało pozytywny wynik po umieszczeniu w narzędziu Rich Snippet, ale generuje ostrzeżenie, że brakuje pewnych rzeczy . Jest to spowodowane faktem, że Twenty Ten, który jest gotowy do HTML5, wykorzystuje wiele takich samych klas CSS, jak te używane przez format feed hatom, który jest podobny do kanału RSS.

Podłączyłem kod do strony About About tego bloga i otrzymałem to ostrzeżenie. Ponieważ ten blog jest oparty na Twenty Ten i używa klas hatom, takich jak entry-title i entry-content, obecność tych klas wymusza na narzędziu Snippet wyszukanie zawartości kanału nienawiści na mojej stronie Informacje. A ponieważ brak klasy autora sprawia, że dane hatom są niekompletne, pojawia się błąd. Mogę to naprawić, umieszczając znacznik z klasą o nazwie autor gdzieś na moich stronach postów, ale jestem zadowolony z mojego projektu, więc nie zamierzam tego robić.

Jeśli chcesz dowiedzieć się, ile mikrodanych znajduje się tam, sprawdź wtyczkę Operator dla Firefoksa. Wstawia pasek narzędzi, który wykrywa mikrodane wraz z RDFa i Microformats, pokazując, jakie dane są gromadzone i ich potencjalne wykorzystanie ... zwłaszcza w handlu elektronicznym. Podłącz operatora, a następnie wykonaj ogólne przeglądanie stron internetowych, zwracając uwagę na pasek narzędzi ... byłbyś zaskoczony tym, co się dowiesz.

Do dalszego czytania Artykuł mikrodanych HTML5 Doctor to świetny punkt wyjścia na ten temat. Po tym, przeczytaj, co Mark Pilgrim ma do powiedzenia na temat mikrodanych i zdecydowanie przeczytaj dokumentację mikrodanych Google .

Inne rzeczy SEO HTML5…

Mikrodane działają tylko wtedy, gdy zostaną umieszczone na stronie z minimalnym formatowaniem HTML5. Przeczytaj mój poradnik na ten temat .
Jeśli spróbujesz ukryć mikrodane na swojej stronie (np. Umieszczając je w tagu strony ustawionym na wyświetlanie: brak), Google całkowicie je zignoruje.
Mikrodane muszą być umieszczone w głównej zawartości twojej strony internetowej; jeśli umieścisz go w treści nagłówka lub stopki, Google całkowicie go zignoruje.
Bing i Yahoo! używaj również mikrodanych. Żeby być uczciwym, Bing był pierwszą wyszukiwarką, która go użyła… przeczytaj więcej na ten temat .; Tak więc, nie jest to nawet śmieszne.
Aktualizacja (28 stycznia 2011 r.): To może być prawda, ale może nie być… jestem w trakcie sprawdzania tego.
Aktualizacja (02 lutego 2011): Musisz przekreślić tę linię… zobacz ten komentarz poniżej.
„Osoba” to tylko jeden z dziewięciu słowników przechowywanych obecnie na stronie data-vocabulary.org. Pełna lista z tego wpisu to: Osoba, Wydarzenie, Organizacja, Produkt, Recenzja, Agregacja recenzji, Ścieżka, Oferta i Agregacja oferty. Idź i przeczytaj o nich wszystkich .
Zwróć uwagę, że jeden ze słowników nosi nazwę „Produkty”. Więc jeśli sprzedajesz rzeczy przez Internet, mikrodane mogą ci pomóc.
Jeśli chcesz, aby recenzje produktów pojawiały się w wynikach wyszukiwania, zwróć uwagę na słowniki „Recenzja” i „Przegląd zagregowany”.
Jednym z najlepszych zastosowań mikrodanych jest stworzenie dobrze zaprojektowanej cyfrowej wizytówki lub wizytówki vCard. Wielu projektantów stron internetowych używa tej taktyki; zobacz niektóre z ich prac .
Mimo że używam tagu <section> w moim przykładzie, nie czytaj za dużo. Google przyjął politykę „czekania i zobaczenia” w zakresie stosowania elementów HTML5 do swojego algorytmu wyszukiwania. Wielu uważa, że tag <article> w końcu zyska dużą wagę SEO, ponieważ jest to główne miejsce na zawartość strony.
Mikrodane nie zmniejszają znaczenia starych zasad SEO. Zatwierdź informacje w Dokumentacja Google dla webmasterów do pamięci i pamiętaj, że dobra, odpowiednia treść jest zawsze najlepszym sposobem na uzyskanie dobrego rankingu witryny. Pamiętaj także, że tag meta keywords jest całkowicie bezwartościowy, tak jak mówi Google .

Na zakończenie pamiętaj, że mikrodane działają, jeśli są prawidłowo używane. Więc weźmy teraz przysięgę krwi i obiecujemy, że nie użyjemy jej do tworzenia przynęt spamowych i zrujnowania imprezy dla wszystkich.