Jak wstawić post z Instagrama na stronę internetową?

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ę:

1. Dlaczego warto wstawiać posty z Instagrama na stronę.
2. Jak zrobić to ręcznie za pomocą kodu HTML.
3. Jak wykorzystać wtyczki do systemów zarządzania treścią, takich jak WordPress.
4. 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ł:

1. 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.
2. Ś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ą.
3. 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.
4. 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:

1. 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.
2. 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ę.
3. 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?

1. Zainstaluj wybraną wtyczkę z katalogu WordPress.
2. Połącz swoje konto Instagram za pomocą API (wtyczka poprowadzi Cię przez proces).
3. 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:

1. 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.
2. 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.
3. 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.
4. 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.