Regram, Repin, Retweet + Responsywne filmy z YouTube z CSS

Regram, rib, retreat – ważne nazwy dla social media managerów. Ale co sprawia, że te terminy są tak wyjątkowe? Tworzenie treści jest niezwykle czasochłonne! W mniejszym stopniu dotyczy to Instagrama niż YouTube’a, ale i tak treści w sieciach społecznościowych potrzebne są niemal codziennie. Codzienne wykazywanie się kreatywnością jest trudne. Nie chodzi tu tylko o kreatywność samą w sobie, oczywiście są też dni świąteczne, dni wolne od pracy, a nawet weekendy. Może masz w firmie własnego social media managera, nagle następuje zmiana personalna lub skrócenie czasu pracy, kto dba o wygląd? Tworzenie treści jest tak czasochłonne, że wielu ucieka się do publikowania ich przez innych. Po co pisać go samemu, skoro ktoś już napisał dobrego tweeta? Po co robić zdjęcie samemu, skoro na Pintereście jest już wiele dobrych zdjęć? Po co kręcić nowy śmieszny filmik, skoro na Instagramie są już miliony?

Udostępnianie i osadzanie dla firm (i osób prywatnych)

Wskazówka dla wszystkich webmasterów! Pod koniec artykułu dowiesz się, jak sprawić, aby filmy z YouTube były responsywne dla różnych urządzeń końcowych poprzez rozdzielenie klas CSS. Oznacza to, że filmy z YouTube są dostosowywane do wielkości ekranu różnych urządzeń końcowych: komputera, notebooka, tabletu i smartfona. I jest to całkowicie automatyczne.

Regram, rippowanie i cofanie, jednak to wszystko ma nie tylko coś wspólnego z produkcją treści. Bo oczywiście osoby prywatne również korzystają z udostępniania innych treści. Śmieszne filmy, pouczające, dowcipy, memy lub po prostu filmy z cute animals. Internet, a zwłaszcza portale społecznościowe są pełne kreatywnych zdjęć i filmów. Kiedy treść wywołuje emocje, ludzie chcą ją zatrzymać dla siebie. Dlatego też wiele treści udostępnia się na swojej osi czasu, dla siebie, ale także dla znajomych. W końcu zawsze możesz pokazać, jak bardzo jesteś świadoma trendów. Świadomość trendów oraz „widzieć i być widzianym” – o to właśnie chodzi w sieciach społecznościowych.

Czy wolno udostępniać obce treści?

Każdy, kto rejestruje się na platformie mediów społecznościowych, przystępuje do ogólnych warunków korzystania z tej platformy. Już w nich określono, że treści mogą być swobodnie udostępniane w ramach sieci społecznościowej. Dlatego media, o ile nie opuszczają platformy, mogą być udostępniane przez użytkowników w określony, z góry ustalony sposób. W zależności od sieci społecznościowej, forma pozwolenia jest różna. Dzieje się tak dlatego, że udostępnianie treści nie jest takie samo w każdej sieci. Niektóre sieci zachęcają do dzielenia się treściami przez innych. Z kolei inne sieci starają się utrudnić dzielenie się treściami. Przyjrzyjmy się pokrótce sieciom społecznościowym w szczegółach i jak łatwo lub skomplikowanie można udostępniać treści.

Posty, linki, zdjęcia i filmy Udostępnij na Facebooku

Obok Twittera, Facebook jest zdecydowanie najbardziej otwartą siecią do dzielenia się treściami. Nie ma znaczenia, czy są to linki do własnego bloga, sklepu internetowego czy innych mediów, takich jak czasopisma, zdjęcia swoje, swoich znajomych czy strony firmowe, a także filmy i wszystkie posty. W związku z tym Facebook jest najlepszą platformą do dystrybucji treści multimedialnych. O ile inne platformy, takie jak Instagram, Snapchat czy Tiktok, które mają stosunkowo dużo ograniczeń, nie pozwalają na bezpośrednie linkowanie, o tyle na Facebooku jako social media manager możesz dać z siebie wszystko.

Na Facebooku można nie tylko ponownie wykorzystać każdą formę mediów, ale oczywiście można również korzystać z mediów osób trzecich i odpowiednio je przetwarzać. W tym momencie należy jednak zawsze sprawdzić aktualną sytuację prawną i oczywiście aktualne warunki handlowe. Ponieważ pomimo tego, że są aktualne, warunki użytkowania ciągle się zmieniają, nawet jeśli są to tylko szczegóły. Na przykład w naszym artykule o ustawieniach prywatności na Facebooku na przestrzeni czasu, od skandalu z danymi Cambridge Analytics do dzisiejszej prywatności Facebooka 2.0.

Zasadniczo jednak, jeśli chodzi o korzystanie i ponowne wykorzystywanie obcych mediów w ramach sieci społecznościowej, jesteśmy dość niezależni, o ile mieścimy się w granicach warunków użytkowania, ale także w granicach prawa danego kraju.

Zaletą Facebooka jest to, że grupy docelowe są bardzo szerokie. Począwszy od 20-latka, poprzez 40-letnią kobietę, 50-letniego mężczyznę, a nawet 60-letniego emeryta. Na Facebooku można więc bardzo precyzyjnie docierać do ludzi poprzez tzw. targetowanie i retargetowanie.

Minusem jest to, że Facebook jest już największym portalem społecznościowym na świecie, więc rankingi są bardzo pożądane. Każdego dnia przesyłane są miliardy zdjęć, pisane miliardy postów. Kto zyskuje obecność i jest od razu widoczny w aplikacji Facebook, a kto nie pojawia się w newsfeedzie aplikacji? To właśnie na tym zarabia Facebook i dlatego, jeśli firmy chcą osiągnąć duży zasięg, nie mogą polegać na zasięgu organicznym, ale na zasięgu płatnym. Oczywiście, wiele wskazówek na ten temat znajdziesz również na naszym blogu o mediach społecznościowych!

Jak mogę udostępnić treści z Facebooka na mojej stronie? Jeśli chcesz osadzić zdjęcia, filmy lub posty z Facebooka na swojej stronie internetowej, musisz osadzić kod HTML. To jest bardzo proste

  • Otwórz https://facebook.com
  • Wybierz post, zdjęcie lub wideo
  • Teraz wybierz opcję „Embed post”.
  • Teraz widzisz kod HTML, ramkę iframe
  • Skopiuj kod HTML
  • Wstawianie kodu HTML na stronę internetową

Posty, linki, zdjęcia i filmy Udostępnij na Twitterze

Jak wspomniano powyżej, Twitter jest najbardziej otwartą siecią do dzielenia się treściami, zaraz obok Facebooka. Można tu również udostępniać różnorodne treści medialne. Na początku Twitter był stosunkowo ograniczony do krótkich wiadomości o maksymalnej długości 140 znaków. Dziś wiele rzeczy się zmieniło, tweety mogą być znacznie dłuższe, treści medialne nie ograniczają się już tylko do tekstu, ale można również zamieszczać zdjęcia, filmy, a jeszcze lepiej linki do artykułów lub produktów w sklepie internetowym.

Wadą Twittera jest to, że nie osiągniesz tu dużego zasięgu, choćby dla bardzo specyficznych tematów. Więc jeśli chcesz mieć większy zasięg, powinieneś skupić się na innych sieciach. Szczególnie Facebook, Instagram i YouTube.

Jak udostępniać tweety na Twitterze?

  • Otwórz https://twitter.com
  • Zaloguj się
  • Wybierz swojego tweeta
  • Naciśnij drugą ikonę, na dole po lewej stronie, Retweet
  • Opcjonalnie możesz teraz dodać swój własny opis
  • Wyślij tweeta

Jak osadzić tweeta w WordPressie lub innej witrynie?

Zasadniczo istnieją dwa sposoby osadzania tweetów na stronach internetowych. Domyślnie tweety są osadzane za pomocą kodu HTML, tzw. iframe. Specjalnie dla użytkowników WordPressa istnieje jednak również opcja wstawiania linków bezpośrednio w poście. System zarządzania treścią następnie automatycznie konwertuje link do Twitter embed.

Osadzanie Twittera na stronach internetowych

  • Postępować jak wyżej: Otwórz Twittera, zaloguj się, wybierz tweet
  • Naciśnij strzałkę u góry po prawej stronie
  • Wybierz „Embed Tweet
  • Teraz widzisz kod HTML, ramkę iframe
  • Skopiuj kod HTML
  • Wstawianie kodu HTML na stronę internetową

Osadzanie Twittera na WordPressie

  • Postępować jak wyżej: Otwórz Twittera, zaloguj się, wybierz tweet
  • Naciśnij strzałkę u góry po prawej stronie
  • Wybierz „Kopiuj link
  • Wstaw link na stronie WordPress
  • System automatycznie przekonwertuje link do osadzenia (Wskazówka! Działa to również w przypadku filmów z YouTube)

Przykład:

Udostępniaj zdjęcia i filmy na Instagramie

Instagram jest mniej otwarty niż dwaj wcześniej wymienieni kandydaci, jeśli chodzi o udostępnianie treści. Nie ma możliwości udostępniania treści bezpośrednio na Instagramie.

Wskazówka. Użyj aplikacji do repostowania. Takie aplikacje do repostowania można znaleźć bezpłatnie w Google PlayStore, ale także w Apple iStore. Dzięki tym aplikacjom można łatwo skopiować linki do poszczególnych treści multimedialnych, wkleić je (w aplikacji) i można udostępnić zdjęcie lub wideo na własnym kanale.

Czy można osadzić Instagram na własnej stronie internetowej?

Tak jak w innych sieciach, po prostu weź post swojego wyboru, a następnie naciśnij małą strzałkę w prawym górnym rogu i wybierz osadzanie. Instagram natychmiast pokaże Ci odpowiedni kod HTML dla Twojej strony. Wskazówka! Na WordPressie wystarczy wstawić link do postu. Oznacza to, że nie musisz przechodzić do ustawień, aby uzyskać kod, wystarczy kliknąć na post, a następnie skopiować adres URL strony i wkleić go do swojego postu WordPress.

Udostępniaj zdjęcia na Pintereście

Pinterest jest doskonałym źródłem link buildingu w optymalizacji pod kątem wyszukiwarek. Jednocześnie Pinterest jest bardzo otwarty na dzielenie się treściami medialnymi. Każdy użytkownik ma możliwość tworzenia różnych galerii, tzw. pinboardów. Na każdej indywidualnej tablicy pinboard możesz załadować lub udostępnić różne zdjęcia, każdy indywidualny post jest wtedy nazywany pinezką. Podobnie jak wpis na Twitterze nazywany jest tweetem. W ten sposób kanał social media użytkowników składa się z kilku galerii, tzw. pinboardów. Użytkownicy mogą swobodnie korzystać z treści należących do innych. W ten sposób mogą oni również tworzyć kompletne pinboardy bez konieczności robienia zdjęć. Dlatego też treści medialne są tutaj również cenne poprzez zestawianie. Jeśli skupiasz się na jednym temacie i specjalizujesz się, np. w tuningu samochodów, możesz stworzyć tutaj bardzo wyjątkowe fora. Dla poszczególnych marek samochodów, takich jak Mercedes, BMW, Renault, VW i wielu innych. To idzie jeszcze głębiej, jak o indywidualnych tablicach pin dla różnych części samochodu w połączeniu z marką samochodu. Na przykład, możesz stworzyć wnętrza Mercedesa, dźwięk Mercedesa, felgi Mercedesa i tak dalej.

Im więcej tablic stworzyłeś i im mniejszą masz konkurencję, tym szybciej możesz zwiększyć swój zasięg na Pintereście i wykorzystać późniejszy ruch, aby podlinkować niektóre produkty do własnego sklepu internetowego, te, które masz na stanie. Teraz masz darmowe źródło linków, gratulacje!

Czy jest możliwość osadzenia Pinteresta na stronie internetowej?

Tak, oczywiście! Podobnie jak na Facebooku i Pintereście, ale także na Instagramie, wystarczy wybrać konkretny post i w ustawieniach poszukać opcji udostępniania lub osadzania. Tam z pewnością znajdziesz kod HTML dla iframe. Wszystko, co musisz zrobić, to skopiować go i wkleić na swoją stronę internetową.

Udostępnianie filmów na YouTube

Wreszcie, co nie mniej ważne, YouTube. Filmy z YouTube świetnie nadają się do osadzania, ale także do udostępniania.

Jeśli chcesz udostępniać filmy z YouTube na swoim własnym kanale YouTube, musisz utworzyć listy odtwarzania. W ramach tej listy odtwarzania można zapisać różne filmy, tak aby lista odtwarzania służyła konkretnemu celowi. Możesz na przykład tworzyć listy odtwarzania z aktualnych list przebojów lub listy odtwarzania o różnej tematyce, np. filmy objaśniające do iPhone’a lub filmy objaśniające na temat naprawy rowerów, jeśli Twój sklep internetowy zajmuje się tematyką rowerów i akcesoriów rowerowych.

Jednak filmy z YouTube opłacają się również pod względem optymalizacji dla wyszukiwarek. Dzięki osadzeniu ich na własnej stronie internetowej, blogu lub sklepie internetowym, użytkownicy zostają na niej dłużej. Czas przebywania na stronie jest bardzo ważnym wskaźnikiem oceny przez Google, ale także przez inne wyszukiwarki. Krótko mówiąc, wyszukiwarkom zależy na tym, aby pokazać użytkownikom jak najlepsze treści. Najlepiej jak to możliwe, czyli długi czas przebywania i częste interakcje oraz odwiedzanie kolejnych stron. Im bardziej aktywni są użytkownicy, którzy kliknęli na dany wynik wyszukiwania, tym wyżej oceniana jest strona. Oczywiście, zawsze w porównaniu z konkurencją.

Jeśli pozostaniemy przy temacie rowerów i akcesoriów rowerowych, możesz na przykład opisać różne tutoriale wideo bardziej szczegółowo na swoim własnym blogu na temat rowerów, jazdy na rowerze i akcesoriów rowerowych. Ale mogą również osadzać filmy w istniejących artykułach.

Jaka jest korzyść?

Załóżmy, że masz 800 słów artykułu. Średni czas czytania wynosi 1,12 minuty. Osadzając film z YouTube, na przykład na temat naprawy dętki rowerowej, o łącznej długości 10 minut, możesz zachęcić odwiedzających do obejrzenia całego filmu, jednocześnie naprawiając rower i w ten sposób nie tylko pozostać na Twojej stronie przez 1,12 minuty, ale także zwiększyć średni czas spędzony na stronie do 3,5 lub nawet 4 minut. Osiąga się to poprzez osadzenie filmu z YouTube, który został stworzony przez osobę trzecią. Wspaniała treść!

Jak osadzić filmy z YouTube na własnym blogu?

Dla YouTube, istnieją dwa sposoby osadzania, ponownie standardowej strony internetowej, a zwłaszcza dla WordPress, własny konwersji systemu zarządzania treścią z bezpośrednich linków.

Osadzanie YouTube na stronach internetowych

  • Otwórz YouTube, wybierz wideo
  • Wybierz „Osadź wideo
  • Teraz widzisz kod HTML, ramkę iframe
  • Skopiuj kod HTML
  • Wstawianie kodu HTML na stronę internetową

Osadzanie YouTube na WordPressie

  • Postępuj zgodnie z powyższymi krokami: Otwórz YouTube, wybierz wideo
  • Skopiuj adres URL strony
  • Wstaw adres URL na stronie WordPress
  • System automatycznie konwertuje adres URL do osadzenia

Oto kolejna bezkonkurencyjna zaleta WordPressa: WordPress konwertuje odpowiedni link wideo do wszystkich rozmiarów w sposób responsywny, aby dopasować się do urządzenia końcowego. Z kolei standardowy embedding wideo z YouTube ma rozmiar 516 x 350 pikseli. W przypadku urządzeń końcowych o wyższej rozdzielczości obrazu, film szybko staje się wyraźny. W związku z tym, należy pomyśleć o dostosowaniu rozmiaru wideo do odpowiednich urządzeń końcowych za pomocą dostosowań CSS.

Wskazówka i dygresja! Responsywne filmy z YouTube dzięki CSS

Jeśli chcesz zmienić formaty YouTube za pomocą CSS, możesz przypisać poszczególne klasy do poszczególnych ramek iframe. Dzięki temu można określić, że istnieje klasa dla smartfonów, jedna dla tabletów i jedna dla notebooków i komputerów. W zależności od wielkości ekranu danego urządzenia końcowego użytkownika, wielkość osadzenia wideo z YouTube dopasowuje się do ekranu lub rozdzielczości ekranu.

Aby zachować prostotę przykładu, oddzielamy urządzenia stacjonarne, takie jak notebooki i komputery, od urządzeń mobilnych, takich jak tablety i smartfony. Punkt przerwania, czyli liczbę pikseli ekranu, przy której następuje zmiana klas CSS, określamy na 980 pikseli dla obu stron. Po pierwsze, w pliku CSS tworzone są dwie nowe klasy.

Przykład separacji klas CSS:

@media only screen and (max-width : 901px) {
#no-youtube-video {
wyświetlanie: brak;
}
}

Po dostosowaniu pliku CSS, kod do osadzania filmów z YouTube musi być jeszcze rozszerzony o klasę. Tak wygląda standardowy kod YouTube do osadzania:

<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/b_VdyV_dNB4″ frameborder=”0″ allow=”accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe>

Adaptacja daje kodowi klasę i wygląda to tak jak potem:

<iframe class=”no-youtube-video” width=”560″ height=”315″ src=”https://www.youtube.com/embed/b_VdyV_dNB4″ frameborder=”0″ allow=”accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe>