Kiedy po raz pierwszy uruchamiasz nową witrynę lub blog, prawdopodobnie zechcesz od razu udostępnić go znajomym i rodzinie. Ale jeśli nie skonfigurowałeś go poprawnie, zobaczą tylko nudny link.
Nawet jeśli podgląd wczytuje obraz, może to nie być ten, który chcesz zobaczyć. Ale możesz to naprawić.
Metatagi to tagi HTML, które nie wyświetlają żadnej treści na Twojej stronie internetowej. Mieszkają wewnątrz tagów w kodzie HTML. Gdy wyszukiwarki i inne usługi, takie jak Facebook, czytają Twoją stronę, uzyskują ukierunkowane informacje z metatagów.
Dla wielu ludzi Google JEST internetem. To prawdopodobnie najważniejszy wynalazek od czasu samego Internetu. I chociaż od tamtego czasu wyszukiwarki bardzo się zmieniły, podstawowe zasady pozostają takie same.
Metatagi są tym, czego potrzebujesz, aby media społecznościowe i wiadomości tekstowe mogły prawidłowo przetwarzać linki. Na przykład, gdy udostępniasz łącze za pośrednictwem Facebooka, Facebook podąża za linkiem do strony. Następnie czyta stronę i próbuje dowiedzieć się, co to jest.
Co najważniejsze, stara się znaleźć tytuł, opis i zdjęcie. Jeśli nie może ich znaleźć, po prostu wyświetli prosty link bez dodatków. Aby Facebook wyświetlał określony tytuł, opis i obraz, musisz dodać określone metatagi, aby powiedzieć mu, czego szukać.
Jeśli serwisy społecznościowe, takie jak Facebook i Twitter, uzyskają potrzebne informacje z Twojej witryny, utworzą kartę. Jeśli wszystko poszło zgodnie z planem, powinno wyglądać tak, jak można się spodziewać.
ZWIĄZANE Z: Jak zbudować boty Twittera, Instagrama i Reddita za pomocą Pythona
Jeśli Twoja witryna została zbudowana przy użyciu zwykłego kodu HTML lub frameworka front-end, dodanie metatagów powinno być proste. Znajdują się w tym samym obszarze, co tagi tytułu, stylu i skryptu, jak w poniższym przykładzie:
Lee Nathan - pisarz ds. Rozwoju osobistego
...
Jak widać, istnieje już kilka metatagów. Nie są to te, których potrzebujesz, aby Twoja witryna wyświetlała się poprawnie w linkach, to tylko niektóre domyślne ustawienia niskiego poziomu.
Zmiana metatagów w WordPress jest bardziej wymagająca. Pełne instrukcje zajęłyby cały przewodnik. Zamiast tego, oto kilka wskazówek, które pomogą Ci zacząć:
- Jeśli nie przeszkadza Ci edytowanie motywu, metatagi powinny znajdować się w pliku header.php plik aktualnego motywu.
- Jeśli nie możesz uzyskać dostępu do motywu lub nie chcesz się nim zajmować, możesz zmienić metatagi za pomocą wtyczki, takiej jak Zaawansowane zarządzanie metatagami.
Spojrzeć na najlepsi dostawcy hostingu WordPress jeśli jesteś zainteresowany uruchomieniem witryny na platformie.
Jak stworzyć kartę na Facebooku
Teraz, gdy wiesz, jak uzyskać dostęp do metatagów, możesz rozpocząć ich edycję. Oto minimalne tagi, które Facebook chce zobaczyć:
Właściwości tytułu i opisu informują Facebooka, jaki tekst ma wyświetlić. Właściwość URL może prowadzić do podstrony na potrzeby specjalnych promocji lub testów A / B.
Właściwość obrazu powinna być pełnym adresem, a nie względnym względem strony indeksu, np /image.jpg. Najlepszy rozmiar obrazu do wykorzystania to 1200 x 628, ponieważ ten rozmiar będzie najbardziej kompatybilny w serwisach społecznościowych i na urządzeniach.
Jak stworzyć kartę na Twitterze
Karta na Twitterze jest prawie taka sama jak karta na Facebooku, ale zawiera różne metatagi. Oto jak wyglądają metatagi na Twitterze:
Właściwości tytułu i opisu są takie same jak na Facebooku; właściwość obrazu również podlega tym samym regułom. A 1200 x 628 to dobry rozmiar na początek.
Główną różnicą jest właściwość karty. W tym przykładzie użyto „summary_large_image”, aby utworzyć kartę, która wygląda mniej więcej tak samo jak karta Facebooka. Twitter ma jednak inne opcje.
Jak upewnić się, że podgląd wygląda dobrze
Możesz opublikować tweeta i szybko usunąć go kilka razy, aż uzyskasz właściwą kartę. Możesz także wysłać do siebie wiadomość na Facebooku. Ale te metody są trochę niezgrabne. Na szczęście obie usługi zapewniają przydatne narzędzie ułatwiające sprawdzanie kart.
Facebook ma debugger udostępniania. I Twitter ma weryfikator kart. Oba narzędzia wykonują to samo zadanie, pozwalając zobaczyć, jak działają łącza; po prostu używają różnych nazw.
Inne aspekty, które powinieneś przetestować
Teraz link do Twojej witryny wygląda świetnie w dwóch dużych sieciach społecznościowych. Są szanse, że wszędzie będzie dobrze wyglądać, ale powinieneś dokładnie sprawdzić, czy tak. Na przykład, jeśli masz informacje na dole lub na górze obrazu, może on zostać obcięty na telefonie komórkowym.
mobilny
Zanim przejdziesz dalej, dobrze jest upewnić się, że Twój link nadal wygląda dobrze na telefonie komórkowym. Jak wspomniano, obraz może zostać przycięty na mniejszym ekranie. W przedstawionym wcześniej przykładzie obraz był zbyt nisko, więc można było zobaczyć tylko górną połowę głowy.
SMS-y i komunikatory
Jest to prosta kwestia wysłania sobie SMS-a (lub wiadomości za pośrednictwem usługi takiej jak WhatsApp) z linkiem. Nie musisz martwić się o narzędzie do weryfikacji. Są szanse, że jeśli będzie dobrze wyglądać w aplikacjach społecznościowych, będzie dobrze wyglądać tutaj.
Jeśli pracujesz nad swoją osobistą stroną internetową, na pewno chcesz, aby dobrze wyglądała na LinkedIn. Na szczęście, LinkedIn zapewnia również narzędzie do weryfikacji wezwał inspektora pocztowego. Nie musisz też martwić się o więcej metatagów, ponieważ LinkedIn używa tagów Facebooka.
Nad czym dalej pracować
Informacje, które omówiliśmy, powinny wystarczyć, abyś mógł zacząć. Ale jeśli chcesz dowiedzieć się więcej, zajrzyj Przewodnik Facebooka po tagach lub Strona Twittera na tagach.
Sieć jest pełna narzędzi, które pomagają każdemu tworzyć własne, profesjonalnie wyglądające obrazy, które można udostępniać. Oto nasze ulubione.
- Programowanie
- HTML
- Strona główna
- Narzędzia dla webmasterów
Lee jest pełnoetatowym koczownikiem i politykiem o wielu pasjach i zainteresowaniach. Niektóre z tych pasji obracają się wokół produktywności, rozwoju osobistego i pisania.
Zapisz się do naszego newslettera
Dołącz do naszego biuletynu, aby otrzymywać wskazówki techniczne, recenzje, bezpłatne e-booki i ekskluzywne oferty!
Jeszcze jeden krok…!
Potwierdź swój adres e-mail w wiadomości e-mail, którą właśnie wysłaliśmy.
