Jak używać metatagów Yoast SEO w witrynach statycznych i Weebly

  1. Tworzenie niestandardowej strony HTML w Wordpres
  2. 1. Szablon minimalny
  3. 2: Standardowy szablon
  4. Wskazówki i najlepsze praktyki
  5. Znaczenie danych Open Graph

Jasne jest, że strona główna służy do wielu różnych celów. Jest to między innymi strona powitalna i główna instrukcja obsługi witryny. Obiecuję poświęcić temu inny post. Jest jednak jeden cel, który moim zdaniem nie ma na stronie głównej, a mianowicie ranking dla słów kluczowych innych niż nazwa firmy lub marka. Mieliśmy wiele pytań na ten temat w e-mailach, więc jest to coś, o czym myślą niektórzy webmasterzy lub właściciele witryn. Pytanie brzmi: czy oni powinni?

Tworzenie niestandardowej strony HTML w Wordpres

Czasami musimy dodać inny styl strony w WordPressie, więc potrzebujemy innej strony HTML w witrynie Wordpress. Jak możesz to zrobić Najpierw musisz przejść do Cpanel - > Public_html -> wp-content -> tematy -> (twój folder motywu) i utworzyć nową stronę jako anyname.php

Po utworzeniu tej strony otwórz tę stronę jako edytor kodu, abyśmy mogli napisać kod nad kodem. Możesz również wkleić niestandardowy projekt kodujący do strony, aby strona uzyskała prawdziwy wygląd.

Ta linia pobierze twoją statyczną stronę do niestandardowe strony w WordPress następnie przejdź do

Strony -> Dodaj nowy . Po wybraniu nowej strony, po stronie życia zobaczysz Atrybuty strony (szablony) Wybierz swoją stronę. Teraz Wróć do Cpanela i otwórz stronę .php i dodaj następujący wiersz po <head>. Spowoduje to automatyczne przetasowanie Yoasta Kod SEO do statycznego HTML strona po wpisaniu opisu w obszarze wtyczki post. następnie otwórz swoją stronę i naciśnij CTRL + U, aby wyświetlić źródło strony i zobaczyć opis

<meta name = "description" content = "<? php echo get_post_meta (get_the_ID (), '_yoast_wpseo_metadesc', true);?>" />

Wszystko gotowe. Możesz także użyć niektórych niestandardowych tagów meta, aby poprawić swoją stronę statyczną. za pomocą następujących kodów tagów Meta.

1. Szablon minimalny

Ta odchudzona wersja działa chudo i szybko. Zawiera minimum danych do zoptymalizowanego udostępniania na Twitterze, Facebooku, Google+ i Pinterest .

Tagi tytułów i opisy meta są uwzględniane, mimo że nie są technicznie metatagami mediów społecznościowych. Dzieje się tak dlatego, że mogą być używane przez Google+ i inne platformy mediów społecznościowych i najlepiej jest je umieszczać na każdej publikowanej stronie.

<! - Umieść te dane między tagami <head> Twojej witryny -> Tytuł strony <title>. Maksymalna długość 60-70 znaków </title> <meta name = "description" content = "Opis strony. Nie więcej niż 155 znaków." /> <meta name = "twitter: card" value = "summary"> <meta property = "og: title" content = "Tytuł tutaj" /> <meta property = "og: type" content = "article" /> <meta property = "og: url" content = "http://www.example.com/" /> <meta property = "og: image" content = "http://example.com/image.jpg" / > <meta property = "og: description" content = "Description Here" />

2: Standardowy szablon

Standardowy szablon stanowi bardziej niezawodną implementację tagi społecznościowe i jest przeznaczony do pracy na wszystkich platformach. Oprócz wszystkich funkcji powyższego szablonu mimimal, standardowy szablon zawiera następujące elementy:

  • Podstawowa karta Podsumowanie na Twitterze
  • Obraz miniatury Twittera
  • Spostrzeżenia na stronie Facebooka
<! - Umieść te dane między tagami <head> Twojej witryny -> Tytuł strony <title>. Maksymalna długość 60-70 znaków </title> <meta name = "opis" content = "opis Nie więcej niż 155 znaków." /> <! - Dane karty Twitter -> <meta name = "twitter: card" content = "summary"> <meta name = "twitter: site" content = "@ publisher_handle"> <meta name = "twitter: title "content =" Tytuł strony "> <meta name =" twitter: description "content =" opis mniej niż 200 znaków "> <meta name =" twitter: creator "content =" @ author_handle "> <- karta podsumowania Twittera obrazy muszą mieć co najmniej 120x120px -> <meta name = "twitter: image" content = "http://www.example.com/image.jpg"> <! - Otwórz dane wykresu -> <właściwość meta = "og: title" content = "Title Here" /> <meta property = "og: type" content = "article" /> <meta property = "og: url" content = "http://www.example.com / "/> <meta property =" og: image "content =" http://example.com/image.jpg "/> <meta property =" og: description "content =" Description Here "/> <meta property = "og: nazwa_strony" content = "Nazwa witryny, tj. Moz" /> <meta property = "fb: admins" content = "Facebook numeryczny ID" />

Wskazówki i najlepsze praktyki

Optymalizacja dla zdjęć

Obraz, do którego linkujesz w swoich danych społecznościowych, w rzeczywistości nie musi znajdować się na stronie, ale powinien dobrze przedstawiać treść. Obraz pozwala kontrolować, co ludzie widzą, gdy udostępniają zawartość, dlatego ważne jest, aby używać wysokiej jakości obrazów.

Każda platforma społecznościowa ma inne standardy dotyczące rozmiaru. Zazwyczaj łatwiej jest zachować prostotę i wybrać jeden rozmiar obrazu, który będzie działać dla wszystkich usług.

  • Miniatura Twittera: 120x120px
  • Duży obraz na Twitterze: 280 x 150 pikseli
  • Facebook: Standardy różnią się, ale najlepiej obraz o rozmiarze co najmniej 200x200px . Facebook zaleca duże obrazy o szerokości do 1200 x 630 pikseli .

Krótko mówiąc, większe obrazy oferują największą elastyczność . W razie wątpliwości przetestuj każdą stronę, korzystając z odpowiedniego narzędzia poniżej, aby zobaczyć dokładnie, w jaki sposób obrazy będą wyświetlane w fragmentach.

Znaczenie danych Open Graph

Jeśli mógłbyś wybrać tylko jeden typ metadanych do uwzględnienia, najlepszym rozwiązaniem jest Otwórz wykres . Dzieje się tak dlatego, że wszystkie platformy mogą go wykorzystać jako awarię, w tym w znacznym stopniu na Twitterze.

Mam nadzieję, że ta sztuczka pomoże Ci wykonać stronę SEO Custom Custom WordPress.


Pytanie brzmi: czy oni powinni?
Php echo get_post_meta (get_the_ID (), '_yoast_wpseo_metadesc', true);?