TL; DR: Problem obrazu udostępniania społecznego nie jest samym Beaver Builder. To brakujące metadane społeczne. Połącz Beaver Builder z wtyczką SEO, ustaw niestandardowe obrazy społecznościowe i opcjonalnie wyświetlane obrazy w szablonach Beaver Themer, aby przejąć kontrolę nad tym, jak wyglądają twoje treści w mediach społecznościowych.

Czy kiedykolwiek udostępniłeś post na blogu lub stronę na Facebooku, tylko po to, aby zobaczyć niewłaściwy obraz pojawił się w podglądu?

Jeśli tak, nie jesteś sam.

Jeden użytkownik niedawno zadał to pytanie w grupie Beaver Builder na Facebooku:

„Czy ktoś ma przyjazne dla Beaver Builder rozwiązanie dla przekroju mediów społecznościowych? Na przykład, kiedy publikuję na Facebooku, nie dostaję właściwej miniatury wyświetlonego obrazu-budownicza Beaver wydaje się wyciągać pierwsze zdjęcie na stronie, wysadza je i wygląda okropnie”.

Jest to powszechny problem i na szczęście istnieją pewne solidne obejścia (i proaktywne rozwiązania), które pomogą ci przejąć kontrolę nad tym, jak pojawiają się twoje treści.

Przejdźmy, dlaczego tak się dzieje i jak go rozwiązać za pomocą wtyczek SEO, szablonów bobrów i kilku najlepszych praktyk optymalizacji.

Jak naprawić niewłaściwy obraz pokazujący, gdy udostępniam moją stronę?

Kiedy publikujesz link do Facebooka lub innych platform społecznościowych, polegają one na otwartym metatom wykresu, aby określić, który obraz, tytuł i opis do wyświetlenia. Jeśli te tagi nie są ustawione poprawnie, platforma może po prostu pobrać pierwszy obraz, który znajduje na stronie - i nie zawsze jest ładna.

Beaver Builder nie obsługuje metadanych społecznych po wyjęciu z pudełka. Ale dzięki kilku prostym opcjom możesz naprawić problemy z udostępnieniem społecznościowym w platformach Beaver Builder i prowadzenie, aby wyświetlić dokładnie to, czego chcesz:

1. Użyj wtyczki SEO, aby ustawić niestandardowe obrazy społecznościowe

Najskuteczniejszym sposobem naprawy problemów związanych z udostępnieniem społeczności w Beaver Builder jest użycie wtyczki SEO. Niektóre popularne opcje obejmują:

• Yoast Seo
• Rank Math
• Wszystko w jednym SEO

Te wtyczki pozwalają ustawić niestandardowy obraz, tytuł i opis mediów społecznościowych dla każdego postu i strony oddzielone od zwykłego tytułu SEO lub obrazu:

Jak ustawić obraz społecznościowy w Yoast SEO:

• Otwórz swój post lub stronę w edytorze WordPress.
• Kliknij ikonę Yoast w najlepszej nawigacji.
• Przewiń w dół i kliknij przycisk wyglądu mediów społecznościowych , aby otworzyć ustawienia społecznościowe.
• Prześlij swój niestandardowy obraz społecznościowy i napisz swój preferowany tytuł i opis .

Daje to pełną kontrolę nad tym, co Facebook, LinkedIn, X (wcześniej Twitter) i inne pokazują w podglądach.

Wskazówka od Beaver Builder Pro (patrz nr 5 poniżej): Użyj debugera udostępniania na Facebooku, aby sprawdzić, jak pojawia się Twoja strona i zmusić Facebooka, aby ponownie ją skrócić po wprowadzeniu zmian.

2. Użyj Beaver Themer, aby wyświetlić wyświetlony obraz

Innym podejściem zasugerowanym przez użytkownika w grupie Beaver Builder na Facebooku jest upewnienie się, że Twój obraz jest faktycznie widoczny na stronie.

Dlaczego to podejście działa:

Szablony Beaver Builder często zastępują domyślne wyjście motywu. Jeśli nie dodasz wyraźnie wyświetlonego obrazu do układu, może nie istnieć w HTML strony, a platformy społecznościowe go nie wykryje.

Jeśli budujesz niestandardowe układy z Beaver Themer, możesz wykonać następujące kroki, aby ustawić polecany obraz:

1. Idź do Beaver Builder> Układy Themer .
2. Edytuj swój pojedynczy szablon postu lub utwórz nowy.
3. Dodaj wyróżniony moduł obrazu z panelu modułów Beaver Builder (spróbuj użyć paska wyszukiwania do wyszukiwania „Moduł obrazu”, jeśli na początku go nie zobaczysz).
4. Ustaw go strategicznie, tak jak u góry strony lub wizualnie ukryty za pomocą CSS, jeśli jest preferowany.

Oprócz udostępniania społecznościowego, takie podejście tworzy wizualną spójność w twoich postach na blogu. Każdy post będzie miał odpowiednio rozmiar, dobrze przygotowany obraz, który poprawia wrażenia czytelnika. Możesz również zastosować spójny styl, filtry lub nakładki za pośrednictwem ustawień modułu, tworząc spójną estetykę marki.

3. Ustaw domyślny obraz Udziału społecznościowego (jako kopia zapasowa)

Nawet jeśli zapomnisz ustawić niestandardowy obraz, wtyczka SEO może zdefiniować domyślny obraz społecznościowy dla wszystkich stron lub postów. Zapewnia to, że jeśli coś prześlizgnie się przez pęknięcia, współdzielony link nadal wygląda na czyste i profesjonalne-nie jak logo zoomowane lub losowy obraz.

Po co używać domyślnego obrazu?

• Działa jako siatka bezpieczeństwa, gdy nie jest ustawiony niestandardowy obraz.
• Utrzymuje profesjonalny, markowy wygląd.
• Zapobiega wyciąganiu platform społecznościowych nieistotnych lub niskiej jakości.

Co sprawia, że dobry domyślny obraz?

• Twoje logo na czystym, markowym tle
• Ogólna grafika na blogu z kolorami adresu URL i marki
• Wymiary: 1200 × 630 pikseli

Większość wtyczek SEO pozwala przesłać domyślny obraz w ich globalnych ustawieniach. Przejdź do sekcji mediów społecznościowych w ustawieniach wtyczki i poszukaj opcji takich jak „Domyślny obraz” lub „obraz awaryjny”. Niektóre wtyczki pozwalają nawet ustawić różne wartości domyślne dla Facebooka i Twittera.

Okresowo przejrzyj domyślny obraz, aby nadal jest zgodny z obecną marką i nie stał się przestarzały.

4. Wskazówki dotyczące optymalizacji obrazu do udostępniania społecznościowego

Aby Twoje udostępnione obrazy świeciły, postępuj zgodnie z tymi wskazówkami:

• Rozmiar: 1200 x 630 pikseli (idealny na Facebook i LinkedIn)
• Format: JPG lub PNG
• Współczynnik kształtu: 1,91: 1
• Mniej tekstu, więcej wizualizacji: Obrazy ciężkie tekstu mogą uzyskać mniejszy zasięg na niektórych platformach.

Specyfikacje techniczne głębokie nurkowanie: wymiar 1200 x 630 pikseli nie jest arbitralny; To słodkie miejsce, które działa na wielu platformach. Facebook zaleca ten rozmiar, LinkedIn wyświetla go doskonale, a na Twitterze odpowiednio go uprawia. Podczas gdy natywny format Twittera jest inny (1200 x 675), proporcja 1,91: 1 zapewnia dobrze wyświetlanie obrazu.

Rozmiar pliku również ma znaczenie. Trzymaj obrazy poniżej 1 MB dla szybszych czasów ładowania. JPG działa najlepiej na fotografie i złożone obrazy z wieloma kolorami, podczas gdy PNG jest idealny do grafiki z tekstem, logo lub prostymi wzorami o mniejszej liczbie kolorów.

5. Odśwież pamięć podręczną Facebooka za pomocą debugera udostępniania

Jeśli Twoja strona została udostępniona na Facebooku przed zaktualizowaniem obrazu udostępniania społecznościowego, Facebook może nadal wyświetlać stary. Dzieje się tak, ponieważ Facebook buforuje metadane Twojej strony (tytuł, opis i obraz).

Aby zmusić Facebooka do użycia zaktualizowanego obrazu:

1. Odwiedź debugger na Facebooku.
2. Wprowadź swój adres URL strony i kliknij debugowanie .
3. Przejrzyj podgląd. Jeśli zobaczysz niewłaściwy obraz, kliknij ponownie zeskrobaj .
4. Facebook odświeży swoją pamięć podręczną dzięki Twoim najnowszym ustawieniom.

Zauważ, że jeśli wprowadzisz kilka zmian z rzędu, może być konieczne ponownie zeskrobanie po każdej aktualizacji.

Jaka jest Twoja preferowana poprawka?

Czy masz metodę rozwiązywania problemów związanych z udostępnianiem społecznym w Beaver Builder?

Dołącz do rozmowy w grupie na Facebooku: Czy znalazłeś sprytną wskazówkę specyficzną dla konstruktora Beaver, chcielibyśmy ją usłyszeć!

Happy Building (i udostępnianie)!