Publikuj w┼éasn─ů tre┼Ť─ç w Wiadomo┼Ťciach Google na Androidzie, iOS i news.google.com

Zawarto┼Ť─ç

Czy masz stron─Ö internetow─ů lub blog, na kt├│rym codziennie lub od czasu do czasu publikujesz nowe rzeczy?

Czy wiesz, ┼╝e mo┼╝esz je opublikowa─ç w Wiadomo┼Ťciach Google?

Ostatnio, kiedy czyta┼éem jeden z artyku┼é├│w na 9to5mac, zauwa┼╝y┼éem, ┼╝e pod ich wpisem dostali oni fajn─ů funkcj─Ö.

Przycisk Google News zaimplementowany na stronie 9to5mac

Opcj─Ö ┼Ťledzenia ich witryny za po┼Ťrednictwem Wiadomo┼Ťci Google (Google News).

Daje im to dodatkowy spos├│b na pozyskanie wi─Ökszej liczby odwiedzaj─ůcych, ale tak┼╝e przekonuje ich do pozostania w kontakcie z ich tre┼Ťciami.

Moje pierwsze wra┼╝enie by┼éo takie… Chc─Ö to r├│wnie┼╝ umie┼Ťci─ç na jednej z moich stron internetowych, wi─Öc zaczynam odkrywa─ç, jak to zrobi─ç. Kiedy to zrobi┼éem, by┼éem zaskoczony, jak stosunkowo ┼éatwo by┼éo to zrobi─ç bez dodatkowej pracy z mojej strony. Dzi─Öki wykorzystaniu kana┼éu RSS witryny i przej┼Ťciu przez wst─Öpn─ů konfiguracj─Ö i zatwierdzenie (co zaj─Ö┼éo oko┼éo 2-3 dni) moja pierwsza witryna by┼éa aktywna, a posty by┼éy aktualizowane po opublikowaniu.

To jest kolejny powód na to że RSS nie umarł i nadal ma sens.

Oto jak to zrobiłem i jak ty też możesz to zrobić!

Na jednej z moich stron internetowych, gdzie jestem moderatorem tre┼Ťci, regularnie publikujemy przepyszne przepisy (ang. Yummy Recipes). Promujemy je na r├│┼╝nych platformach spo┼éeczno┼Ťciowych, w tym na Pinterest, czyli wykorzystujemy kana┼é RSS do umieszczania tam tre┼Ťci. Wi─Öc tak naprawd─Ö nie musimy nic robi─ç. Witryna czyta nasz kana┼é RSS i po wykryciu zmiany publikuje dla nas tre┼Ť─ç.

Wspomnia┼éem o Pintere┼Ťcie z jednego powodu. Za po┼Ťrednictwem strony internetowej publikowane s─ů posty RSS z wykorzystaniem Schema dla przepis├│w w celu wy┼Ťwietlenia dodatkowych funkcji, takich jak sk┼éadniki. Jednak Pinterest jest nieco w tyle, je┼Ťli chodzi o ÔÇ×w┼éa┼Ťciw─ůÔÇŁ technologi─Ö (Schema), kt├│rej nale┼╝y u┼╝y─ç, aby wy┼Ťwietli─ç ÔÇ×w┼éa┼ŤciweÔÇŁ elementy. Powoduje to, ┼╝e wymieniony jest tam tylko pierwszy sk┼éadnik, mimo ┼╝e ka┼╝da inna strona, kt├│ra czyta Schema dla przepis├│w, mo┼╝e to zrobi─ç bez problemu. To dlatego ┼╝e g┼é├│wnym sposobem wprowadzania uporz─ůdkowanych danych do Pinteresta s─ů formaty h-recipe, a nie dobrze zestandaryzowany Schema.org. W przysz┼éo┼Ťci b─Öd─Ö musia┼é przyjrze─ç si─Ö temu g┼é─Öbiej.

Wiadomo┼Ťci Google nie r├│┼╝ni─ů si─Ö niczym, ale chc─Ö uzyska─ç z nich jak najwi─Öksz─ů popularno┼Ť─ç.

Oczywi┼Ťcie nie spodziewam si─Ö nag┼éego wzrostu ruchu (jak w przypadku Google Discover), ale ka┼╝dy dodatkowy spos├│b (w┼éa┼Ťciwy) dotarcia do naszych odbiorc├│w jest zawsze dobry.

Yummy Recipes UK by┼éo moj─ů pierwsz─ů pr├│b─ů zaistnienia w Wiadomo┼Ťciach Google. Jako przyk┼éad zdecydowa┼éem si─Ö doda─ç moj─ů stron─Ö internetow─ů i oba moje kana┼éy, dla polskiej i angielskiej cz─Ö┼Ťci strony.

Centrum wydawc├│w (Publisher Center) #

Przejd┼║my do Centrum wydawc├│w Google (Publisher Center) i dodajmy nasz─ů publikacj─Ö.

Najpierw musimy stworzy─ç organizacj─Ö (organisation), pod kt├│r─ů b─Ödziemy dodawa─ç publikacje (publications).

Organizacja to w teorii firma odpowiedzialna za publikacje, a publikacje s─ů ┼║r├│d┼éem tre┼Ťci, kt├│re zostan─ů wy┼Ťwietlone. W moim przyk┼éadzie “jestem moj─ů organizacj─ů” i moja polska cz─Ö┼Ť─ç serwisu b─Ödzie jedn─ů publikacj─ů, a angielsk─ů drug─ů.

Je┼Ťli masz ju┼╝ utworzon─ů organizacj─Ö, tak jak ja w Yummy Recipes UK, musisz pami─Öta─ç o utworzeniu nowej organizacji w menu Zarz─ůdzaj organizacjami (Manage organisations) w prawym g├│rnym rogu.

Centrum wydawc├│w - Prawe g├│rne menu

Tworzenie organizacji ogranicza si─Ö jedynie do wpisania jej nazwy.

Centrum wydawc├│w - Nowa organizacja

Dla siebie stworzy┼éem organizacj─Ö pod nazw─ů wieckiewicz.org.

Kiedy to zrobimy, w nast─Öpnym kroku b─Ödziemy musieli doda─ç nasz─ů pierwsz─ů publikacj─Ö.

Centrum wydawc├│w - Sozpocznij dodaj─ůc twoj─ů publikacj─Ö

W URL Twojej publikacji (your publication’s URL) umie┼Ťci┼éem g┼é├│wny URL mojej strony internetowej https://dariusz.wieckiewicz.org i klikn─ů┼éem przycisk Dodaj (Add).

Teraz musimy wype┼éni─ç luki w formularzu, w kt├│rym okre┼Ťlimy nazw─Ö publikacji (publication name), w moim przypadku jest to Dariusz Wi─Öckiewicz­čçÁ­čç▒, oraz lokalizacj─Ö (location).

Jak zauwa┼╝y┼ée┼Ť, je┼Ťli czytasz z urz─ůdzenia innego ni┼╝ Windows, nazwa mojej publikacji zawiera emotikon─Ö flagi, aby ujednolici─ç go z tytu┼éem mojej witryny. W systemie Windows b─Ödzie wy┼Ťwietlany jako ÔÇ×PLÔÇŁ, poniewa┼╝ system Windows nadal nie chce bawi─ç si─Ö emotikonami zawieraj─ůcymi flagi kraj├│w (wygl─ůda to raczej na poprawno┼Ť─ç polityczn─ů ni┼╝ cokolwiek innego).

Po zako┼äczeniu wystarczy zaznaczy─ç, klikn─ů─ç pole wyboru, zanim b─Ödziemy mogli doda─ç publikacj─Ö.

ÔÇ×Zaznaczaj─ůc to pole, o┼Ťwiadczasz, ┼╝e Twoja publikacja jest zasadniczo i na sta┼ée zlokalizowana w wybranym przez Ciebie krajuÔÇŁ

O┼Ťwiadczenie jest troch─Ö myl─ůce. Tak, moje posty na stronie g┼é├│wnej (po polsku) s─ů skierowane g┼é├│wnie do polskich czytelnik├│w, jednak nie s─ů one “na sta┼ée” zlokalizowane w Polsce, tak jak Polacy s─ů wsz─Ödzie. Znaczenie lokalizacja (location) jest wyja┼Ťnione w dalszej cz─Ö┼Ťci konfiguracji jako lokalizacja siedziby Twojej publikacji (location of your publication’s headquarters). W moim przypadku nawet dla polskiej cz─Ö┼Ťci publikacji, moja siedziba znajduje si─Ö w Wielkiej Brytanii i prawa tego kraju czuj─Ö si─Ö zobowi─ůzany.

Zanim zaczn─Ö konfigurowa─ç publikacj─Ö, RSS i inne opcje, dodam jeszcze jedn─ů dla angloj─Özycznej cz─Ö┼Ťci mojej strony (https://dariusz.wieckiewicz.org/en/)

Centrum wydawc├│w - Dodaj kolejn─ů publikacj─Ö

Tym razem jako nazw─Ö publikacji (publication name) podam Dariusz Wi─Öckiewicz ­čçČ­čçž (z brytyjsk─ů flag─ů ÔÇô w systemie Windows b─Ödzie wy┼Ťwietlana jako GB) oraz lokalizacj─Ö (location), lokalizacj─Ö siedziby Twojej publikacji, jako Wielka Brytania.

Teraz mog─Ö przechodzi─ç pomi─Ödzy publikacjami z prawego g├│rnego menu.

Centrum wydawc├│w - menu prze┼é─ůczania pomi─Ödzy publikacjami

Z tego samego menu klikniemy ikonę koła zębatego i zaczniemy dostosowywać niektóre ustawienia, takie jak podstawowy język (primary language), na karcie Ogólne, zgodnie z językiem używanym na stronie.

Przewijaj─ůc w d├│┼é, musimy potwierdzi─ç Adres g┼é├│wny naszej strony (primary website property URL), co zrobi─Ö, weryfikuj─ůc przez Konsola wyszukiwania (Google Search Console), klikaj─ůc przycisk Zweryfikuj w konsolai wyszukiwania (Verify in Search Console).

Centrum wydawców - adres główny naszej strony

Je┼Ťli Twoja witryna zosta┼éa dodana do Google Search Console, wystarczy jedno klikni─Öcie.

Ostatni─ů rzecz─ů, kt├│r─ů mo┼╝emy zrobi─ç (ale niekoniecznie musimy) jest podanie punktu kontaktowego dla Twojej publikacji (point of contact for your publication) w sekcji Kontakt (zak┼éadka Og├│lne).

Teraz mo┼╝emy przej┼Ť─ç do zak┼éadki ÔÇîStyle wizualne (Visual styles) w ustawieniach, aby doda─ç logo do publikacji.

Skoncentruj─Ö si─Ö tylko na dodaniu kwadratowego logo (Square logo). Umo┼╝liwi nam to ┼éatw─ů identyfikacj─Ö naszej witryny, gdy b─Ödziemy jej szuka─ç w Wiadomo┼Ťciach Google.

Kwadratowe logo powinno by─ç w formacie PNG i mie─ç wymiary co najmniej 512x512 px (zalecane 1000x1000 px).

Dla ka┼╝dego kwadratowego logo (poniewa┼╝ b─Ödzie takie samo dla obu moich publikacji) dostosuj─Ö je z flag─ů kraju w prawym dolnym rogu, aby u┼éatwi─ç identyfikacj─Ö.

Po dokonaniu zmian w ka┼╝dej zak┼éadce pami─Ötaj, aby nacisn─ů─ç niebieski przycisk zapisz (save) w prawej g├│rnej cz─Ö┼Ťci strony.

W ten spos├│b stworzyli┼Ťmy baz─Ö dla naszej publikacji. Teraz musimy doda─ç wi─Öcej informacji dotycz─ůcych tre┼Ťci, kt├│re publikujemy i kt├│re chcemy, aby pojawia┼éy si─Ö w Wiadomo┼Ťciach Google.

Gdy wr├│cimy do naszej strony g┼é├│wnej w Centrum publikacji w sekcji Odkrywaj produkty (Explore products), zobaczymy informacj─Ö, ┼╝e nasze Wiadomo┼Ťci Google (Google News) Nie zosta┼éy uruchomione (Not started).

Centrum wydawc├│w - Odkrywaj produkty - Wiadomo┼Ťci Google

W takim razie kliknijmy to.

Teraz b─Ödziemy konfigurowa─ç nasz─ů stron─Ö internetow─ů do wy┼Ťwietlania tre┼Ťci w Wiadomo┼Ťciach Google.

Centrum wydawc├│w - Wiadomo┼Ťci Google

Klikaj─ůc niebieski przycisk edytuj (edit), przejdziemy przez kilka sekcji podzielonych na trzy karty: Og├│lne (General), Ustawienia tre┼Ťci (Content settings) oraz Przejrzyj i opublikuj (Review and publish).

Zaczynaj─ůc od kategorii, moja witryna pasuje g┼é├│wnie do Nauka i technologia (Science & Technology). Dystrybucj─Ö zostawiam tak─ů, jaka jest domy┼Ťlnie ustawiona na ca┼éy ┼Ťwiat (worldwide).

Teraz mo┼╝emy przej┼Ť─ç do zak┼éadki Ustawienia tre┼Ťci (Content settings), gdzie dodamy Sekcje (Sections), klikaj─ůc przycisk Nowa sekcja (New section).

Centrum wydawc├│w - Wiadomo┼Ťci Google - Dodaj sekcj─Ö z kana┼éu RSS

Tutaj mamy kilka opcji.

Dodam sw├│j kana┼é RSS (Feed), przez kt├│ry b─Öd─ů publikowane moje wpisy.

Cz─Ö┼Ť─ç Sekcje mo┼╝e by─ç wykorzystana do podzielenia strony internetowej na r├│┼╝ne kategorie i dostarczenia ich oddzielnie. Mo┼╝esz pomy┼Ťle─ç o tym, jak wykorzysta─ç t─Ö funkcj─Ö, je┼Ťli du┼╝o publikujesz. Do moich cel├│w u┼╝yj─Ö tylko jednej sekcji.

Podobnie jak ustawi┼éem publikacj─Ö, ustal─Ö tytu┼é sekcji (section title) jako tytu┼é mojej strony internetowej (z flag─ů).

W URL do RSS lub kanału Atom (RSS or Atom feed URL) wkleję link do mojego kanału RSS (dla PL https://dariusz.wieckiewicz.org/index.xml, dla EN https://dariusz.wieckiewicz.org/ pl/index.xml)

Kiedy zaczniesz o tym my┼Ťle─ç, m├│g┼ébym wykorzysta─ç jedn─ů publikacj─Ö do obs┼éu┼╝enia dw├│ch sekcji w r├│┼╝nych j─Özykach. Je┼Ťli obie publikacje by┼éyby w tym samym j─Özyku, ma to sens, poniewa┼╝ j─Özyk jest ustalany na poziomie publikacji, a nie na poziomie sekcji. Dlatego zako┼äcz─Ö dwoma publikacjami i po jednej sekcji w ka┼╝dej z nich.

To wszystko, co musimy zrobi─ç w zak┼éadce Ustawienia tre┼Ťci (Content settings).

Czas na przejrzenie i opublikowanie (Review and publish).

Centrum wydawc├│w - Wiadomo┼Ťci Google - Status publikacji

W Stan publikowania aplikacji Wiadomo┼Ťci Google (Google News app publishing status) mamy dwie rzeczy, kt├│re musimy przejrze─ç, Tre┼Ť─ç (Content) i Warunki korzystania z us┼éugi (Terms of Service).

Jak zauwa┼╝ysz, klikni─Öcie przycisku recenzja (review) spowoduje powr├│t do karty Ustawienia tre┼Ťci (Content settings). Dzieje si─Ö tak, poniewa┼╝ nasz kana┼é RSS musi zosta─ç od┼Ťwie┼╝ony przez Google, co jeszcze nie zosta┼éo zrobione. W podgl─ůdzie po prawej stronie zobaczysz komunikat Nie doda┼ée┼Ť jeszcze ┼╝adnych tre┼Ťci do tej sekcji (You haven’t added any content to this section yet).

Centrum wydawc├│w - Wiadomo┼Ťci Google - Sekcja - kana┼é RSS

W sekcjach musisz nacisn─ů─ç przycisk od┼Ťwie┼╝ (refresh) i cierpliwie czeka─ç. Zwykle od┼Ťwie┼╝enie zajmuje maksymalnie kilka minut. Gdy to zrobisz, zobaczysz podgl─ůd swojego kana┼éu po prawej stronie na karcie Sprawd┼║ i opublikuj (Review and publish) tak jak poni┼╝ej.

Centrum wydawc├│w - Wiadomo┼Ťci Google - Od┼Ťwie┼╝ony status publikacji

Teraz możemy przejrzeć warunki korzystania z usługi.

Centrum wydawc├│w - Wiadomo┼Ťci Google - Warunki korzystania z us┼éugi

Tam musimy przeczyta─ç g┼é├│wn─ů cz─Ö┼Ť─ç i wype┼éni─ç formularz po prawej stronie.

Imi─Ö (name), kontaktowy adres e-mail (contact email) i tytu┼é (title) ÔÇô wpisa┼éem tw├│rca tre┼Ťci. W przypadku organizacji (organisation) jest to troch─Ö trudne. Je┼Ťli dodajemy nasz─ů prywatn─ů stron─Ö internetow─ů, mo┼╝emy ┼Ťmia┼éo stwierdzi─ç Brak (None). Wpisa┼éem tak, kiedy ustawi┼éem go dla Yummy Recipes UK i publikacja zosta┼é zaakceptowany bez ┼╝adnych problem├│w.

Kiedy to zrobisz, ostatni─ů cz─Ö┼Ťci─ů b─Ödzie klikni─Öcie niebieskiego przycisku opublikuj (publish) i czekanie, a┼╝ nasza publikacja zostanie wys┼éana do Google w celu sprawdzenia (zwykle zajmuje to do tygodnia).

Centrum wydawc├│w - Wiadomo┼Ťci Google - Status publikacji - Gotowy

Gdy przejdziemy na stron─Ö g┼é├│wn─ů naszego Centrum wydawc├│w, zobaczymy, ┼╝e nasz produkt ÔÇô Wiadomo┼Ťci Google jest w trakcie sprawdzania (in review).

Centrum wydawc├│w - Wiadomo┼Ťci Google - w trakcie sprawdzania

Po zako┼äczeniu przegl─ůdu ten status zmieni si─Ö na aktywna (live) jak poni┼╝ej dla Yummy Recipes UK.

Centrum wydawc├│w - Wiadomo┼Ťci Google - Aktywna

Je┼Ťli kto┼Ť zacznie Ci─Ö ┼Ťledzi─ç (follow) za po┼Ťrednictwem Wiadomo┼Ťci Google, zobaczysz to r├│wnie┼╝ tam.

Zacznijmy od ┼Ťledzenia samego siebie, nawet na etapie, gdy nasza publikacja jest w recenzji (in review).

Przechodz─ůc ponownie do zak┼éadki Przejrzyj i opublikuj (Review and publish), zobaczymy sekcj─Ö umo┼╝liwiaj─ůc─ů testowanie publikacji (test your publication).

Centrum wydawc├│w - testowanie publikacji

Kliknijmy przycisk Obserwuj publikacj─Ö (Follow publication) i zobaczmy, jak to wygl─ůda na news.google.com lub przez dedykowan─ů aplikacj─Ö na Androida i iOS.

Odwiedzaj─ůc sekcj─Ö Obserwowane (Following) b─Ödziemy mogli zobaczy─ç nasze strony w sekcji ┼╣r├│d┼éa (Sources).

Wiadomo┼Ťci Google - Obserwowane - ┼╣r├│d┼éa

Stamt─ůd mo┼╝emy klikn─ů─ç ka┼╝de ┼║r├│d┼éo i zobaczy─ç, jak nasz kana┼é RSS jest wy┼Ťwietlany w Wiadomo┼Ťciach Google, a tak┼╝e udost─Öpni─ç go innym.

Wiadomo┼Ťci Google - ┼╣r├│d┼éo - Yummy Recipes UK

Pod przyciskiem udost─Öpniania b─Ödziemy mogli skopiowa─ç bezpo┼Ťredni link do Twojej publikacji, z kt├│rego mo┼╝emy p├│┼║niej skorzysta─ç. Ale to nie wszystko.

Konsola wyszukiwania (Search Console) #

Poniewa┼╝ wszystko jest po┼é─ůczone z Google Search Console, po opublikowaniu publikacji b─Ödziesz m├│g┼é ┼Ťledzi─ç wy┼Ťwietlenia i klikni─Öcia swoich publikacji w specjalnej sekcji Wiadomo┼Ťci Google (Google News), podobnie jak w przypadku Wynik├│w wyszukiwania (Search results) i Odkry─ç (Discover).

Wiadomo┼Ťci Google w konsoli wyszukiwania Google

Teraz dodajmy przycisk do naszej witryny.

Przycisk na stronie internetowej #

Zanim zaczniemy konstruowa─ç nasz ÔÇ×przyciskÔÇŁ, kt├│ry umo┼╝liwi innym ┼Ťledzenie nas w Wiadomo┼Ťciach Google, zobaczmy, jak zbudowany jest adres naszej publikacji.

Kieruj─ůc si─Ö do news.google.com sekcja Obserwowane i klikaj─ůc jedn─ů z naszych poni┼╝szych ┼║r├│de┼é, mo┼╝emy u┼╝y─ç przycisku udost─Öpniania, aby uzyska─ç bezpo┼Ťredni link, kt├│ry musimy przekaza─ç dalej.

Wiadomo┼Ťci Google przyciski udost─Öpniania-obserwowania na stronie Yummy Recipes UK

Klikaj─ůc tam ikon─Ö kopiuj link (copy link), otrzymamy adres URL, taki jak:

https://news.google.com/publications/CAAqBwgKMIvhxwswv_zeAw?ceid=GB:en&oc=3

Upro┼Ťcimy to nieco usuwaj─ůc niepotrzebne parametry i b─Ödzie to wygl─ůda┼éo tak:

https://news.google.com/publications/CAAqBwgKMIvhxwswv_zeAw

Jak wida─ç, CAAqBwgKMIvhxwswv_zeAw to unikalny identyfikator publikacji, a reszta to tylko statyczny adres URL https://news.google.com/publications/. Wspominam o tym, poniewa┼╝ w zale┼╝no┼Ťci od tego, jakiego frameworka u┼╝ywasz do tworzenia strony, mo┼╝esz chcie─ç uczyni─ç go bardziej odpowiednim do u┼╝ytku w wielu witrynach z tym samym kodem.

U┼╝ywam Hugo do zbudowania mojej strony internetowej, st─ůd w moim uk┼éadzie strony ustawi─Ö kod z parametrem (identyfikatorem publikacji), kt├│ry zostanie pobrany z pliku konfiguracyjnego (hugo.toml).

[Social]
  google_news = "CAAqBwgKMIvhxwswv_zeAw"
  google_news_icon = "/svg/google_news.svg"

W ┼Ťrodowisku wieloj─Özycznym, w kt├│rym ka┼╝dy j─Özyk ma sw├│j identyfikator publikacji, mo┼╝esz okre┼Ťli─ç to nast─Öpuj─ůco:

[languages]
	[languages.pl]
		[languages.pl.Social]
		google_news = "CAAqBwgKMOmdyAswmbnfAw"
		google_news_icon = "/svg/google_news.svg"
	[languages.en]
		[languages.en.Social]
		google_news = "CAAqBwgKMPSdyAswpLnfAw"
		google_news_icon = "/svg/google_news.svg"

Zanim zaczniemy, musimy uzyska─ç ikon─Ö Wiadomo┼Ťci Google w formacie SVG.

Kierujemy si─Ö do strony Google News w Wikipedii, sk─ůd mo┼╝emy pobra─ç Google News icon.svg.

Zanim u┼╝yj─Ö dowolnego SVG pobranego z Internetu, lubi─Ö go zdezynfekowa─ç za pomoc─ů SVG Sanitizer Test. Otwieraj─ůc plik SVG w edytorze kodu (np. VS Studio Code) kopiuj─Ö “brudny” kod SVG i po przetworzeniu wklejam “czysty” ze strony internetowej, a nast─Öpnie zapisuj─Ö plik SVG.

Oto moje podej┼Ťcie do implementacji ikony w poni┼╝szej sekcji (na g├│rze i na dole, w stopce), a tak┼╝e na stronie przepisu po tre┼Ťci─ů Yummy Recipes UK.

Sekcja Obserwuj z wbudowanym plikiem SVG:

Przyciski obserwowania na Yummy Recipes UK

<div class="follow-buttons">
  <div class="google-news">
    <a title="Follow us on Google News" href="https://news.google.com/publications/CAAqBwgKMIvhxwswv_zeAw" target="_blank" rel="noreferrer noopener">
      <svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" viewBox="0 0 6550.8 5359.7" xml:space="preserve">
        <path fill="#0C9D58" d="M5210.8 3635.7c0 91.2-75.2 165.9-167.1 165.9H1507c-91.9 0-167.1-74.7-167.1-165.9V165.9C1339.9 74.7 1415.1 0 1507 0h3536.8c91.9 0 167.1 74.7 167.1 165.9v3469.8z"></path>
        <polygon opacity=".2" fill="#004D40" points="5210.8,892 3885.3,721.4 5210.8,1077"></polygon>
        <path opacity=".2" fill="#004D40" d="M3339.3 180.9L1332 1077.2l2218.5-807.5v-2.2c-39-83.6-134-122.6-211.2-86.6z"></path>
        <path opacity=".2" fill="#FFFFFF" d="M5043.8 0H1507c-91.9 0-167.1 74.7-167.1 165.9v37.2c0-91.2 75.2-165.9 167.1-165.9h3536.8c91.9 0 167.1 74.7 167.1 165.9v-37.2C5210.8 74.7 5135.7 0 5043.8 0z"></path>
        <path fill="#EA4335" d="M2198.2 3529.1c-23.9 89.1 23.8 180 106 202l3275.8 881c82.2 22 169-32.9 192.8-122l771.7-2880c23.9-89.1-23.8-180-106-202l-3275.8-881c-82.2-22-169 32.9-192.8 122l-771.7 2880z"></path>
        <polygon opacity=".2" fill="#3E2723" points="5806.4,2638.1 5978.7,3684.8 5806.4,4328.1"></polygon>
        <polygon opacity=".2" fill="#3E2723" points="3900.8,764.1 4055.2,805.6 4151,1451.6"></polygon>
        <path opacity=".2" fill="#FFFFFF" d="M6438.6 1408.1l-3275.8-881c-82.2-22-169 32.9-192.8 122l-771.7 2880c-1.3 4.8-1.6 9.7-2.5 14.5l765.9-2858.2c23.9-89.1 110.7-144 192.8-122l3275.8 881c77.7 20.8 123.8 103.3 108.5 187.6l5.9-21.9c23.8-89.1-23.9-180-106.1-202z"></path>
        <path fill="#FFC107" d="M4778.1 3174.4c31.5 86.7-8.1 181.4-88 210.5L1233.4 4643c-80 29.1-171.2-18-202.7-104.7L10.9 1736.5c-31.5-86.7 8.1-181.4 88-210.5L3555.6 267.9c80-29.1 171.2 18 202.7 104.7l1019.8 2801.8z"></path>
        <path opacity=".2" fill="#FFFFFF" d="M24 1771.8c-31.5-86.7 8.1-181.4 88-210.5L3568.7 303.1c79.1-28.8 169 17.1 201.5 102l-11.9-32.6c-31.6-86.7-122.8-133.8-202.7-104.7L98.9 1526c-80 29.1-119.6 123.8-88 210.5l1019.8 2801.8c.3.9.9 1.7 1.3 2.7L24 1771.8z"></path>
        <path fill="#4285F4" d="M5806.4 5192.2c0 92.1-75.4 167.5-167.5 167.5h-4727c-92.1 0-167.5-75.4-167.5-167.5V1619.1c0-92.1 75.4-167.5 167.5-167.5h4727c92.1 0 167.5 75.4 167.5 167.5v3573.1z"></path>
        <path fill="#FFFFFF" d="M4903.8 2866H3489.4v-372.2h1414.4c41.1 0 74.4 33.3 74.4 74.4v223.3c0 41.1-33.3 74.5-74.4 74.5zM4903.8 4280.3H3489.4v-372.2h1414.4c41.1 0 74.4 33.3 74.4 74.4v223.3c0 41.2-33.3 74.5-74.4 74.5zM5127.1 3573.1H3489.4v-372.2h1637.7c41.1 0 74.4 33.3 74.4 74.4v223.3c0 41.2-33.3 74.5-74.4 74.5z"></path>
        <path opacity=".2" fill="#1A237E" d="M5638.9 5322.5h-4727c-92.1 0-167.5-75.4-167.5-167.5v37.2c0 92.1 75.4 167.5 167.5 167.5h4727c92.1 0 167.5-75.4 167.5-167.5V5155c0 92.1-75.4 167.5-167.5 167.5z"></path>
        <path opacity=".2" fill="#FFFFFF" d="M911.9 1488.8h4727c92.1 0 167.5 75.4 167.5 167.5v-37.2c0-92.1-75.4-167.5-167.5-167.5h-4727c-92.1 0-167.5 75.4-167.5 167.5v37.2c0-92.1 75.4-167.5 167.5-167.5z"></path>
        <path fill="#FFFFFF" d="M2223.9 3238.2v335.7h481.7c-39.8 204.5-219.6 352.8-481.7 352.8-292.4 0-529.5-247.3-529.5-539.7s237.1-539.7 529.5-539.7c131.7 0 249.6 45.3 342.7 134v.2l254.9-254.9c-154.8-144.3-356.7-232.8-597.7-232.8-493.3 0-893.3 399.9-893.3 893.3s399.9 893.3 893.3 893.3c515.9 0 855.3-362.7 855.3-873 0-58.5-5.4-114.9-14.1-169.2h-841.1z"></path>
        <g opacity=".2" fill="#1A237E">
          <path d="M2233.2 3573.9v37.2h472.7c3.5-12.2 6.5-24.6 9-37.2h-481.7z"></path>
          <path d="M2233.2 4280.3c-487.1 0-882.9-389.9-892.8-874.7-.1 6.2-.5 12.4-.5 18.6 0 493.4 399.9 893.3 893.3 893.3 515.9 0 855.3-362.7 855.3-873 0-4.1-.5-7.9-.5-12-11.1 497-347.4 847.8-854.8 847.8zM2575.9 2981.3c-93.1-88.6-211.1-134-342.7-134-292.4 0-529.5 247.3-529.5 539.7 0 6.3.7 12.4.9 18.6 9.9-284.2 242.4-521.1 528.6-521.1 131.7 0 249.6 45.3 342.7 134v.2l273.5-273.5c-6.4-6-13.5-11.3-20.1-17.1L2576 2981.5l-.1-.2z"></path>
        </g>
        <path opacity=".2" fill="#1A237E" d="M4978.2 2828.7v-37.2c0 41.1-33.3 74.4-74.4 74.4H3489.4v37.2h1414.4c41.1.1 74.4-33.2 74.4-74.4zM4903.8 4280.3H3489.4v37.2h1414.4c41.1 0 74.4-33.3 74.4-74.4v-37.2c0 41.1-33.3 74.4-74.4 74.4zM5127.1 3573.1H3489.4v37.2h1637.7c41.1 0 74.4-33.3 74.4-74.4v-37.2c0 41.1-33.3 74.4-74.4 74.4z"></path>
        <radialGradient id="gn" cx="1476.404" cy="434.236" r="6370.563" gradientUnits="userSpaceOnUse">
          <stop offset="0" stop-color="#fff" stop-opacity=".1"></stop>
          <stop offset="1" stop-color="#fff" stop-opacity="0"></stop>
        </radialGradient>
        <path fill="url(#gn)" d="M6438.6 1408.1l-1227.7-330.2v-912c0-91.2-75.2-165.9-167.1-165.9H1507c-91.9 0-167.1 74.7-167.1 165.9v908.4L98.9 1526c-80 29.1-119.6 123.8-88 210.5l733.5 2015.4v1440.3c0 92.1 75.4 167.5 167.5 167.5h4727c92.1 0 167.5-75.4 167.5-167.5v-826.9l738.3-2755.2c23.8-89.1-23.9-180-106.1-202z"></path>
      </svg>
    </a>
  </div>
</div>

Dla Hugo z wykorzystaniem parametr├│w w pliku hugo.toml (wcze┼Ťniej config.toml).

<div class="follow-buttons">
  <div class="google-news">
    <a title="Follow us on Google News" href="https://news.google.com/publications/{{ .Site.Social.google_news }}" target="_blank" rel="noreferrer noopener">
      <svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" viewBox="0 0 6550.8 5359.7" xml:space="preserve">
        <path fill="#0C9D58" d="M5210.8 3635.7c0 91.2-75.2 165.9-167.1 165.9H1507c-91.9 0-167.1-74.7-167.1-165.9V165.9C1339.9 74.7 1415.1 0 1507 0h3536.8c91.9 0 167.1 74.7 167.1 165.9v3469.8z"></path>
        <polygon opacity=".2" fill="#004D40" points="5210.8,892 3885.3,721.4 5210.8,1077"></polygon>
        <path opacity=".2" fill="#004D40" d="M3339.3 180.9L1332 1077.2l2218.5-807.5v-2.2c-39-83.6-134-122.6-211.2-86.6z"></path>
        <path opacity=".2" fill="#FFFFFF" d="M5043.8 0H1507c-91.9 0-167.1 74.7-167.1 165.9v37.2c0-91.2 75.2-165.9 167.1-165.9h3536.8c91.9 0 167.1 74.7 167.1 165.9v-37.2C5210.8 74.7 5135.7 0 5043.8 0z"></path>
        <path fill="#EA4335" d="M2198.2 3529.1c-23.9 89.1 23.8 180 106 202l3275.8 881c82.2 22 169-32.9 192.8-122l771.7-2880c23.9-89.1-23.8-180-106-202l-3275.8-881c-82.2-22-169 32.9-192.8 122l-771.7 2880z"></path>
        <polygon opacity=".2" fill="#3E2723" points="5806.4,2638.1 5978.7,3684.8 5806.4,4328.1"></polygon>
        <polygon opacity=".2" fill="#3E2723" points="3900.8,764.1 4055.2,805.6 4151,1451.6"></polygon>
        <path opacity=".2" fill="#FFFFFF" d="M6438.6 1408.1l-3275.8-881c-82.2-22-169 32.9-192.8 122l-771.7 2880c-1.3 4.8-1.6 9.7-2.5 14.5l765.9-2858.2c23.9-89.1 110.7-144 192.8-122l3275.8 881c77.7 20.8 123.8 103.3 108.5 187.6l5.9-21.9c23.8-89.1-23.9-180-106.1-202z"></path>
        <path fill="#FFC107" d="M4778.1 3174.4c31.5 86.7-8.1 181.4-88 210.5L1233.4 4643c-80 29.1-171.2-18-202.7-104.7L10.9 1736.5c-31.5-86.7 8.1-181.4 88-210.5L3555.6 267.9c80-29.1 171.2 18 202.7 104.7l1019.8 2801.8z"></path>
        <path opacity=".2" fill="#FFFFFF" d="M24 1771.8c-31.5-86.7 8.1-181.4 88-210.5L3568.7 303.1c79.1-28.8 169 17.1 201.5 102l-11.9-32.6c-31.6-86.7-122.8-133.8-202.7-104.7L98.9 1526c-80 29.1-119.6 123.8-88 210.5l1019.8 2801.8c.3.9.9 1.7 1.3 2.7L24 1771.8z"></path>
        <path fill="#4285F4" d="M5806.4 5192.2c0 92.1-75.4 167.5-167.5 167.5h-4727c-92.1 0-167.5-75.4-167.5-167.5V1619.1c0-92.1 75.4-167.5 167.5-167.5h4727c92.1 0 167.5 75.4 167.5 167.5v3573.1z"></path>
        <path fill="#FFFFFF" d="M4903.8 2866H3489.4v-372.2h1414.4c41.1 0 74.4 33.3 74.4 74.4v223.3c0 41.1-33.3 74.5-74.4 74.5zM4903.8 4280.3H3489.4v-372.2h1414.4c41.1 0 74.4 33.3 74.4 74.4v223.3c0 41.2-33.3 74.5-74.4 74.5zM5127.1 3573.1H3489.4v-372.2h1637.7c41.1 0 74.4 33.3 74.4 74.4v223.3c0 41.2-33.3 74.5-74.4 74.5z"></path>
        <path opacity=".2" fill="#1A237E" d="M5638.9 5322.5h-4727c-92.1 0-167.5-75.4-167.5-167.5v37.2c0 92.1 75.4 167.5 167.5 167.5h4727c92.1 0 167.5-75.4 167.5-167.5V5155c0 92.1-75.4 167.5-167.5 167.5z"></path>
        <path opacity=".2" fill="#FFFFFF" d="M911.9 1488.8h4727c92.1 0 167.5 75.4 167.5 167.5v-37.2c0-92.1-75.4-167.5-167.5-167.5h-4727c-92.1 0-167.5 75.4-167.5 167.5v37.2c0-92.1 75.4-167.5 167.5-167.5z"></path>
        <path fill="#FFFFFF" d="M2223.9 3238.2v335.7h481.7c-39.8 204.5-219.6 352.8-481.7 352.8-292.4 0-529.5-247.3-529.5-539.7s237.1-539.7 529.5-539.7c131.7 0 249.6 45.3 342.7 134v.2l254.9-254.9c-154.8-144.3-356.7-232.8-597.7-232.8-493.3 0-893.3 399.9-893.3 893.3s399.9 893.3 893.3 893.3c515.9 0 855.3-362.7 855.3-873 0-58.5-5.4-114.9-14.1-169.2h-841.1z"></path>
        <g opacity=".2" fill="#1A237E">
          <path d="M2233.2 3573.9v37.2h472.7c3.5-12.2 6.5-24.6 9-37.2h-481.7z"></path>
          <path d="M2233.2 4280.3c-487.1 0-882.9-389.9-892.8-874.7-.1 6.2-.5 12.4-.5 18.6 0 493.4 399.9 893.3 893.3 893.3 515.9 0 855.3-362.7 855.3-873 0-4.1-.5-7.9-.5-12-11.1 497-347.4 847.8-854.8 847.8zM2575.9 2981.3c-93.1-88.6-211.1-134-342.7-134-292.4 0-529.5 247.3-529.5 539.7 0 6.3.7 12.4.9 18.6 9.9-284.2 242.4-521.1 528.6-521.1 131.7 0 249.6 45.3 342.7 134v.2l273.5-273.5c-6.4-6-13.5-11.3-20.1-17.1L2576 2981.5l-.1-.2z"></path>
        </g>
        <path opacity=".2" fill="#1A237E" d="M4978.2 2828.7v-37.2c0 41.1-33.3 74.4-74.4 74.4H3489.4v37.2h1414.4c41.1.1 74.4-33.2 74.4-74.4zM4903.8 4280.3H3489.4v37.2h1414.4c41.1 0 74.4-33.3 74.4-74.4v-37.2c0 41.1-33.3 74.4-74.4 74.4zM5127.1 3573.1H3489.4v37.2h1637.7c41.1 0 74.4-33.3 74.4-74.4v-37.2c0 41.1-33.3 74.4-74.4 74.4z"></path>
        <radialGradient id="a" cx="1476.404" cy="434.236" r="6370.563" gradientUnits="userSpaceOnUse">
          <stop offset="0" stop-color="#fff" stop-opacity=".1"></stop>
          <stop offset="1" stop-color="#fff" stop-opacity="0"></stop>
        </radialGradient>
        <path fill="url(#a)" d="M6438.6 1408.1l-1227.7-330.2v-912c0-91.2-75.2-165.9-167.1-165.9H1507c-91.9 0-167.1 74.7-167.1 165.9v908.4L98.9 1526c-80 29.1-119.6 123.8-88 210.5l733.5 2015.4v1440.3c0 92.1 75.4 167.5 167.5 167.5h4727c92.1 0 167.5-75.4 167.5-167.5v-826.9l738.3-2755.2c23.8-89.1-23.9-180-106.1-202z"></path>
      </svg>
    </a>
  </div>
</div>
:root {
    --googlenews: #5383ec;
    --googlenews-bg: #ecf7ff;
}


.follow-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: baseline;
    vertical-align: middle;
}

.follow-buttons {
    margin: 0.5rem 0 1rem 0;
}

.follow-buttons > div {
    position: relative;
    display: inline-block;
}
.follow-buttons > div:hover {
    cursor: pointer;
}

.follow-buttons > div svg {
    margin: 0 0.4rem;
    border-radius: 10px;
}

.follow-buttons > div svg {
    height: 1.5rem;
    padding: 0.6rem;
}
@media (max-width: 834px) {
    .follow-buttons > div svg {
        height: 1rem;
        padding: 0.6rem;
    }
}

.follow-buttons > div.google-news svg {
    border: 2px solid var(--googlenews);
}
.follow-buttons > div.google-news:hover svg {
    background-color: var(--googlenews-bg);
    border: 2px solid var(--googlenews);
}

Pod tre┼Ťci─ů (z SVG w tagu IMG):

Przycisk obserwowania Yummy Recipes UK w Wiadomo┼Ťciach Google

<div id="google-news">
  <div class="google-news">
    <a title="Follow Yummy Recipes UK on Google News" href="https://news.google.com/publications/CAAqBwgKMIvhxwswv_zeAw" target="_blank" rel="noreferrer noopener">
      Follow Yummy Recipes UK on Google News<img src="/svg/google_news.svg" alt="Follow Yummy Recipes UK on Google News" height="24" width="29">
    </a>
  </div>
</div>

Dla Hugo z wykorzystaniem parametr├│w w pliku hugo.toml (wcze┼Ťniej config.toml).

<div id="google-news">
  <div class="google-news">
    <a title="Follow {{ .Site.Title }} on Google News" href="https://news.google.com/publications/{{ .Site.Social.google_news }}" target="_blank" rel="noreferrer noopener">
      Follow {{ .Site.Title }} on Google News<img src="{{ .Site.Social.google_news_icon }}" alt="Follow {{ .Site.Title }} on Google News" height="24" width="29">
    </a>
  </div>
</div>
:root {
    --googlenews: #5383ec;
    --googlenews-bg: #ecf7ff;
}


#google-news {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: baseline;
    vertical-align: middle;
    padding-bottom: 1rem;
  }

#google-news .google-news {
    background-color: var(--googlenews-bg);
    border: 2px solid var(--googlenews);
    border-radius: 4px;
    padding: 0.5rem 0.8rem;
}
#google-news .google-news:hover {
    border: 2px solid var(--googlenews);
    cursor: pointer; 
}

#google-news .google-news a {
    color: var(--googlenews);
    text-decoration: none;
}

#google-news .google-news a:hover {
    text-decoration: underline;
}

#google-news .google-news img {
  vertical-align:middle;
  display: inline;
  height: 1.5rem;
  width: auto;
  margin: 0 0 0 0.5rem;
}

@media (max-width: 834px) {
    #google-news .google-news {
        font-size: 0.8rem;
        padding: 0.5rem 0.6rem;
    }
    #google-news .google-news img  {
        height: 1.25rem;
    }
}

To tylko moja metoda implementacji. ┼Ümia┼éo dostosuj j─ů do swoich potrzeb.

Recenzja i Odrzucenie #

Mimo że na pierwszym miejscu postawiłem Yummy Recipes UK i została ona zatwierdzona bez żadnych problemów, trawa nie zawsze jest zielona.

Nawet je┼Ťli wszystko skonfigurowa┼ée┼Ť poprawnie i uwa┼╝asz, ┼╝e Twoja witryna jest bardzo warto┼Ťciowa dla u┼╝ytkownik├│w, Twoja publikacja mo┼╝e zosta─ç odrzucona.

Sta┼éo si─Ö to w przypadku obu moich publikacji. Moja angielska cz─Ö┼Ť─ç serwisu zosta┼éa odrzucona raz, a polska cz─Ö┼Ť─ç trzy razy, nim zosta┼éa ostatecznie zawtierdzona.

W pierwszej kolejno┼Ťci poinformowano mnie, ┼╝e poprzez moje artyku┼éy udost─Öpniam linki przekierowuj─ůce. W drugim przypadku, poprzez linki przekierowuj─ůce, przekierowuj─Ö u┼╝ytkownik├│w na stron─Ö bez wiadomo┼Ťci, nast─Öpnie, ┼╝e moja witryna zawiera tre┼Ťci promocyjne (dwa razy).

We wszystkich tych sytuacjach by┼éa to kompletna bzdura. Nie udost─Öpniam ┼╝adnych link├│w partnerskich, a linki w moich postach to tylko odniesienia do innych stron. Lata temu usun─ů┼éem wszystkie reklamy z mojej witryny.

Za ka┼╝dym razem otrzymywa┼éem informacj─Ö, ┼╝e moje linki przekierowuj─ůce/tre┼Ťci promocyjne s─ů niezgodne z polityk─ů tre┼Ťci Wiadomo┼Ťci Google. Ale wiesz co? w polityce tre┼Ťci Wiadomo┼Ťci Google nie ma o tym ani s┼éowa. Przeczyta┼éem go w ca┼éo┼Ťci i wszystkie odrzucenia s─ů moim zdaniem niewa┼╝ne, wi─Öc zdecydowa┼éem si─Ö ponarzeka─ç (z┼éo┼╝y─ç skarg─Ö).

W jednym z moich post├│w umie┼Ťci┼éem link do strony Johna Muellera (osoby z Google), dlatego stwierdzenie, ┼╝e udost─Öpniam link przekierowuj─ůcy do tej konkretnej witryny, by┼éo troch─Ö g┼éupie.

Nawet zapyta┼éem o to Johna na Mastodon. Chocia┼╝ John nie jest bezpo┼Ťrednio zaanga┼╝owany w Wiadomo┼Ťci Google, ma on zawsze dobre opinie, stwierdzaj─ůc, ┼╝e ÔÇ×niekt├│re automatyzacje s─ů zdezorientowane przez odno┼Ťniki do mojej witrynyÔÇŁ.

Zdecydowa┼éem si─Ö z┼éo┼╝y─ç skarg─Ö w spo┼éeczno┼Ťci Centrum wydawc├│w, aby dowiedzie─ç si─Ö, czy mog─Ö uzyska─ç wyja┼Ťnienie zasad.

Ogólnie widzę, że Google w dużym stopniu polega na automatyzacji, a automatyzacja jest w niektórych przypadkach błędna, jak moja.

Po pocz─ůtkowym odrzuceniu kana┼éu publikacji w j─Özyku angielskim i z┼éo┼╝eniu skarg w centrum wydawc├│w, gdzie pracownik Google przej─ů┼é pa┼éeczk─Ö, moja publikacja zosta┼éa w ko┼äcu zaakceptowana i opublikowana.

Jak widzimy, automatyzacja w wielu przypadkach odbywa si─Ö za pomoc─ů uczenia maszynowego (machine learning) i nie podlega rzeczywistej ocenie przez cz┼éowieka, dop├│ki nie jest wymagana. Tak si─Ö dzieje tutaj, dlatego moja publikacja zosta┼éa ostatecznie zatwierdzona.

Moja polska publikacja zosta┼éa trzykrotnie odrzucona, a po dyskusji i pomocnej interwencji pracownika Google po dw├│ch tygodniach wszystkie moje kana┼éy s─ů dost─Öpne w Wiadomo┼Ťciach Google.

Dzi─Öki temu problemowi zauwa┼╝y┼éem, ┼╝e je┼Ťli dodasz publikacj─Ö do Wiadomo┼Ťci Google, kt├│ra jest napisana w j─Özyku innym ni┼╝ angielski, podczas recenzji jest ona t┼éumaczona na angielski (co wida─ç na zrzutach ekranu z e-maili o odrzuceniu). To prawdopodobnie myli maszyny, a linki s─ů zniekszta┼écone i mylone z przekierowaniem/promocj─ů.

B─ůd┼║ cierpliwy podczas procesu sprawdzania.

Za ka┼╝dym razem, gdy moja publikacja zosta┼éa odrzucona, wysy┼éam j─ů ponownie bez wprowadzania zmian. Kontynuowa┼éem moj─ů rozmow─Ö w dyskusji wydawc├│w. Dzi─Öki wsparciu Google wszystkie zosta┼éy zatwierdzone.

Rada dla Ciebie. Je┼Ťli pocz─ůtkowo nie zostaniesz zatwierdzony, nie poddawaj si─Ö, spr├│buj ponownie i u┼╝yj dost─Öpnych narz─Ödzi komunikacji.

Powodzenia!

Komentarze
Kategorie