Masz świetny post na Instagramie, którym chcesz podzielić się na swojej stronie internetowej? To idealny sposób, by wzbogacić treści na stronie i przyciągnąć uwagę odbiorców. Co więcej, posty z Instagrama wyglądają stylowo i są łatwe do wstawienia – wystarczy kilka kroków. Jeśli chcesz wiedzieć, jak zrobić to szybko i skutecznie, jesteś we właściwym miejscu!
W tym artykule dowiesz się:
- Dlaczego warto wstawiać posty z Instagrama na stronę.
- Jak zrobić to ręcznie za pomocą kodu HTML.
- Jak wykorzystać wtyczki do systemów zarządzania treścią, takich jak WordPress.
- Kilka wskazówek na temat optymalizacji takich postów.
Gotowy? No to zaczynamy!
Dlaczego warto wstawiać posty z Instagrama na stronę internetową?
Zanim przejdziemy do instrukcji, zastanówmy się, dlaczego to w ogóle jest dobry pomysł:
- Budowanie zaangażowania
Posty z Instagrama to idealny sposób na ożywienie Twojej strony. Zdjęcia, filmy czy rolki przyciągają wzrok i sprawiają, że użytkownicy spędzają więcej czasu na stronie. - Świeżość treści
Nie musisz ręcznie aktualizować strony, by pokazać swoje najnowsze posty. Wstawiając posty z Instagrama, automatycznie synchronizujesz zawartość z platformą. - Wzrost zasięgów
Osadzony post zawiera przycisk „Zobacz na Instagramie”, dzięki czemu możesz skierować użytkowników na swój profil i zyskać nowych obserwujących. - Prostota i estetyka
Instagram automatycznie dba o to, by osadzony post wyglądał dobrze – niezależnie od tego, czy korzystasz z komputera, czy urządzenia mobilnego.
Jak ręcznie wstawić post z Instagrama za pomocą kodu HTML?
Krok 1: Znajdź post, który chcesz wstawić
Najpierw otwórz Instagram w przeglądarce i znajdź post, który chcesz wstawić. Kliknij trzy kropki w prawym górnym rogu posta, a następnie wybierz opcję „Osadź” (Embed).
Krok 2: Skopiuj kod HTML
Po wybraniu opcji „Osadź” zobaczysz okno z kodem HTML. Możesz zaznaczyć opcję „Uwzględnij podpis”, jeśli chcesz, żeby treść posta była widoczna. Następnie kliknij „Kopiuj kod osadzania” (Copy Embed Code).
Krok 3: Wklej kod na swojej stronie
Otwórz swoją stronę internetową w edytorze HTML i wklej skopiowany kod w miejscu, gdzie ma pojawić się post. Kod będzie wyglądał mniej więcej tak:
<blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/p/POST_ID/" data-instgrm-version="14" style="background:#FFF; border:0; margin:1px; max-width:540px; min-width:326px; padding:0; width:100%" tabindex="0">
<div style="padding:16px;">
<a href="https://www.instagram.com/p/POST_ID/" style="color:#000; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank">Zobacz ten post na Instagramie</a>
</div>
</blockquote>
<script async src="//www.instagram.com/embed.js"></script>
Zastąp POST_ID rzeczywistym identyfikatorem posta, a całość zapisze się na stronie.
Krok 4: Sprawdź wynik
Zapisz zmiany i odśwież swoją stronę. Gotowe! Twój post z Instagrama powinien pojawić się dokładnie tam, gdzie wstawiłeś kod.
Wtyczki WordPress: Automatyzacja na wyciągnięcie ręki
Jeśli używasz WordPressa, wstawianie postów z Instagrama jest jeszcze łatwiejsze. Możesz skorzystać z dedykowanych wtyczek, które zrobią wszystko za Ciebie.
Najpopularniejsze wtyczki do integracji z Instagramem:
- Smash Balloon Social Photo Feed
Ta wtyczka umożliwia łatwe wstawianie zarówno pojedynczych postów, jak i całych galerii. Wystarczy zainstalować, połączyć swoje konto Instagram i dodać shortcode na stronie. - Spotlight Social Media Feeds
Bardzo intuicyjna wtyczka, która pozwala na wizualne dostosowanie wyglądu osadzanych postów. Idealna dla tych, którzy cenią estetykę. - EmbedSocial
Oprócz postów z Instagrama umożliwia integrację z innymi platformami społecznościowymi, co daje jeszcze więcej możliwości.
Jak to zrobić krok po kroku?
- Zainstaluj wybraną wtyczkę z katalogu WordPress.
- Połącz swoje konto Instagram za pomocą API (wtyczka poprowadzi Cię przez proces).
- Wstaw shortcode w miejsce, gdzie ma pojawić się post lub galeria, np.:htmlSkopiuj kod
[instagram-feed]
Optymalizacja wstawionych postów: SEO i szybkość ładowania
Chociaż wstawianie postów z Instagrama jest proste, pamiętaj o kilku ważnych zasadach, które wpłyną na działanie Twojej strony:
- Minimalizuj ilość osadzonych postów
Każdy osadzony post zwiększa czas ładowania strony. Wybieraj tylko te, które naprawdę mają wartość dla Twoich użytkowników. - Lazy loading
Jeśli wstawiasz więcej niż jeden post, zastosuj technikę lazy loading, by posty ładowały się tylko wtedy, gdy użytkownik przewinie stronę do odpowiedniego miejsca. - Opis i słowa kluczowe
Dodaj krótkie wprowadzenie przed osadzonym postem, by poinformować użytkowników, dlaczego jest on ważny. To również poprawia SEO. - Responsywność
Instagram automatycznie dostosowuje posty do urządzeń mobilnych, ale upewnij się, że cała Twoja strona działa responsywnie. Testuj na różnych urządzeniach!
Wstawianie postów z Instagrama na stronę to świetny sposób na wzbogacenie jej treści i przyciągnięcie uwagi użytkowników. Możesz to zrobić ręcznie, używając kodu HTML, lub zautomatyzować proces za pomocą wtyczek, takich jak Smash Balloon. Niezależnie od metody, pamiętaj o optymalizacji, by Twoja strona działała płynnie i była atrakcyjna dla odbiorców.