Witryna przyjazna dla urz\u0105dze\u0144 mobilnych nie tylko pozwoli wi\u0119kszej liczbie odwiedzaj\u0105cych korzystaj\u0105cych z r\u00f3\u017cnych urz\u0105dze\u0144, ale posiadanie strony przyjaznej dla urz\u0105dze\u0144 mobilnych ma r\u00f3wnie\u017c kluczowe znaczenie dla SEO (optymalizacja pod k\u0105tem wyszukiwarek \u2013 patrz nast\u0119pny punkt)! Google traktuje priorytetowo w wynikach wyszukiwania witryny przyjazne dla urz\u0105dze\u0144 mobilnych. A w marcu 2020 r. og\u0142osili, \u017ce we wrze\u015bniu 2020 r. Google przejdzie na indeksowanie zoptymalizowane pod k\u0105tem urz\u0105dze\u0144 mobilnych dla wszystkich witryn<\/a>.<\/p>\n Optymalizacja pod k\u0105tem wyszukiwarek (SEO) ma obecnie kluczowe znaczenie dla tych, kt\u00f3rzy chc\u0105, aby u\u017cytkownicy odwiedzali Twoj\u0105 witryn\u0119. Musisz sprawi\u0107, by Twoja witryna by\u0142a jak najwy\u017csza w wyszukiwarkach takich jak Google, aby mie\u0107 nadziej\u0119, \u017ce odwiedzaj\u0105cy zamieni\u0105 si\u0119 w klient\u00f3w. Bez SEO Twoja witryna utonie w miliardach innych konkurencyjnych stron internetowych i nikt nie b\u0119dzie wiedzia\u0142 o Twojej witrynie ani jej nie znajdzie.<\/p>\n SEO polega na optymalizacji witryny w celu zwi\u0119kszenia ilo\u015bci i jako\u015bci ruchu w witrynie. Obejmuje to takie tematy, jak tre\u015b\u0107, aspekty techniczne oraz spos\u00f3b, w jaki strona zewn\u0119trzna widzi, u\u017cywa i przegl\u0105da Twoj\u0105 witryn\u0119. To do\u015b\u0107 obszerny temat, ale na potrzeby tej listy kontrolnej skupiam si\u0119 na aspektach technicznych.<\/p>\n Najprawdopodobniej b\u0119dziesz (powiniene\u015b) u\u017cy\u0107 wtyczki SEO. Na przyk\u0142ad Yoast SEO<\/a> jest najbardziej znan\u0105 i u\u017cywan\u0105 wtyczk\u0105 SEO dla WordPressa. Ma wersj\u0119 premium, ale darmowa wersja jest w porz\u0105dku. Wtyczka SEO powinna umo\u017cliwia\u0107 definiowanie tytu\u0142\u00f3w, opis\u00f3w meta, s\u0142\u00f3w kluczowych i generowanie map witryn wyszukiwarek. Yoast SEO przeanalizuje r\u00f3wnie\u017c tre\u015b\u0107 Twoich post\u00f3w i poda Ci wskaz\u00f3wki, jak poprawi\u0107 pisanie, aby uzyska\u0107 wy\u017csz\u0105 pozycj\u0119.<\/p>\n Ale jest kilka rzeczy, kt\u00f3re musisz sprawdzi\u0107 w motywie \u2013 co\u015b, czego wtyczka SEO nie mo\u017ce naprawi\u0107.<\/p>\n Dobra struktura HTML odgrywa rol\u0119 w tym, aby motyw by\u0142 przyjazny dla SEO. HTML to struktura zawarto\u015bci strony internetowej, niezale\u017cna od jej stylu. Stylizacja mo\u017ce maskowa\u0107 z\u0142\u0105 struktur\u0119 HTML, ale pami\u0119taj, \u017ce roboty indeksuj\u0105ce Google czytaj\u0105 witryn\u0119 bez styl\u00f3w.<\/p>\n Jedn\u0105 z wa\u017cnych zasad dobrej struktury HTML s\u0105 tagi nag\u0142\u00f3wk\u00f3w; Motyw powinien r\u00f3wnie\u017c u\u017cywa\u0107 nowszych tag\u00f3w HTML5, takich jak Inn\u0105 bardzo niedostatecznie wykorzystywan\u0105 funkcj\u0105 s\u0105 znaczniki schemat\u00f3w \u2013 cz\u0119sto nazywane mikrodanymi. Znacznik schematu<\/a> to technologia, kt\u00f3ra pomaga botom i robotom indeksuj\u0105cym zrozumie\u0107, czym jest tre\u015b\u0107. Opakowanie informacji o produkcie za pomoc\u0105 znacznik\u00f3w schematu pozwala Google dok\u0142adnie wiedzie\u0107, gdzie mo\u017ce znale\u017a\u0107 cen\u0119, recenzje, zdj\u0119cie produktu i nie tylko. Dzi\u0119ki temu Google mo\u017ce prezentowa\u0107 produkty w inny spos\u00f3b w wynikach wyszukiwania. Niestety rzadko zdarza si\u0119 to znale\u017a\u0107 w motywie WordPress, ale je\u015bli znajdziesz motyw ze znacznikami schematu, to dobra wskaz\u00f3wka, \u017ce \u200b\u200btw\u00f3rca motywu mia\u0142 na my\u015bli SEO.<\/p>\n Wreszcie, motyw powinien generowa\u0107 odpowiednie tagi w osadzonych materia\u0142ach bogatych, zw\u0142aszcza w obrazach. Obrazy powinny mie\u0107 co najmniej Szybko\u015b\u0107 \u0142adowania strony jest bardzo wa\u017cna dla SEO. Za\u0142adowanie strony w witrynie nie powinno zaj\u0105\u0107 wi\u0119cej ni\u017c 5 sekund. Motyw mo\u017ce zoptymalizowa\u0107 szybko\u015b\u0107 strony na wiele sposob\u00f3w.<\/p>\n Pami\u0119taj, \u017ce motyw mo\u017ce wykorzystywa\u0107 du\u017ce, a czasem zewn\u0119trzne zasoby, aby wygl\u0105da\u0142 szykownie. Na przyk\u0142ad niestandardowe czcionki, ikony i ca\u0142a masa interaktywnych element\u00f3w. Pro\u015bby o arkusze styl\u00f3w, pliki javascript, a zw\u0142aszcza zasoby zewn\u0119trzne, takie jak np . GoogleFonts<\/a> dla czcionek i Fontawesome<\/a> dla ikon, naprawd\u0119 spowalniaj\u0105 szybko\u015b\u0107 strony.<\/p>\n Motyw powinien r\u00f3wnie\u017c obs\u0142ugiwa\u0107 zmian\u0119 rozmiaru przesy\u0142anych obraz\u00f3w w r\u00f3\u017cnych rozmiarach i u\u017cywa\u0107 ich zgodnie z niezb\u0119dnymi rozmiarami obraz\u00f3w wok\u00f3\u0142 tre\u015bci. \u0141adowanie du\u017cych obraz\u00f3w jest jedn\u0105 z najwi\u0119kszych wad szybko\u015bci strony. Nie ma sensu u\u017cywa\u0107 pe\u0142noskalowego obrazu o szeroko\u015bci 1900 pikseli do ma\u0142ej miniatury w stopce.<\/p>\n Mo\u017cesz sprawdzi\u0107 szybko\u015b\u0107 strony za pomoc\u0105 innego z bezp\u0142atnych narz\u0119dzi Google: PageSpeed \u200b\u200bInsights<\/a>. Wprowad\u017a adres URL witryny demonstracyjnej motywu i kliknij Analizuj. Niech to zadzia\u0142a, a otrzymasz ocen\u0119 i raport o tym, co mo\u017cesz zrobi\u0107, aby rozwi\u0105za\u0107 wszelkie problemy, kt\u00f3re spowalniaj\u0105 szybko\u015b\u0107 strony. Pami\u0119taj, aby sprawdzi\u0107 zar\u00f3wno raporty Mobile, jak i Desktop. Szybko\u015b\u0107 strony na urz\u0105dzeniach mobilnych jest obecnie wa\u017cniejsza; zar\u00f3wno dlatego, \u017ce urz\u0105dzenia mobilne cz\u0119sto korzystaj\u0105 z mobilnej transmisji danych (co kosztuje), jak i dlatego, \u017ce przyjazno\u015b\u0107 dla urz\u0105dze\u0144 mobilnych jest wa\u017cna. Nie pomin\u0105\u0142e\u015b poprzedniego elementu listy kontrolnej, prawda?<\/p>\n U\u0142atwienia dost\u0119pu sprawiaj\u0105, \u017ce Twoja witryna jest dost\u0119pna dla wszystkich odwiedzaj\u0105cych, w tym os\u00f3b niepe\u0142nosprawnych \u2013 niezale\u017cnie od tego, czy s\u0105 niedos\u0142ysz\u0105cy, niedowidz\u0105cy i nie tylko. Istnieje mi\u0119dzynarodowy zestaw wytycznych o nazwie Wytyczne dotycz\u0105ce dost\u0119pno\u015bci tre\u015bci internetowych (WCAG), kt\u00f3re okre\u015blaj\u0105, w jaki spos\u00f3b strony internetowe powinny wdra\u017ca\u0107 dost\u0119pno\u015b\u0107. Nie b\u0119d\u0105c zgodnym z WCAG, w rzeczywisto\u015bci \u0142amiesz wiele praw i przepis\u00f3w na skal\u0119 mi\u0119dzynarodow\u0105 (poniewa\u017c odwiedzaj\u0105cy Twoj\u0105 witryn\u0119 mog\u0105 pochodzi\u0107 z dowolnego miejsca na \u015bwiecie).<\/p>\n Wytyczne zawieraj\u0105 obszerny zestaw specyfikacji i wymaga\u0144 technicznych dla strony internetowej. Zgodno\u015b\u0107 z WCAG jest oceniana na trzech poziomach; A, AA i AAA. Poziom AAA to najni\u017cszy akceptowalny poziom dost\u0119pno\u015bci, podczas gdy poziom A jest uwa\u017cany za najwy\u017cszy dost\u0119pny, ale poziom A nak\u0142ada silne ograniczenia na projekt, funkcje i bogat\u0105 zawarto\u015b\u0107. Wi\u0119kszo\u015b\u0107 stron internetowych, o ile nie s\u0105 skierowane do os\u00f3b niepe\u0142nosprawnych, nie d\u0105\u017cy do osi\u0105gni\u0119cia poziomu A w dost\u0119pno\u015bci.<\/p>\n Tw\u00f3j motyw powinien osi\u0105gn\u0105\u0107 co najmniej poziom AAA. Poziomy dost\u0119pno\u015bci w witrynie mo\u017cna sprawdzi\u0107, korzystaj\u0105c z bezp\u0142atnego narz\u0119dzia o nazwie WAVE, dost\u0119pnego jako rozszerzenia do przegl\u0105darek Chrome i Firefox<\/a>. Po zainstalowaniu w przegl\u0105darce mo\u017cesz odwiedzi\u0107 witryn\u0119 demonstracyjn\u0105 motywu, uruchomi\u0107 sprawdzanie i sprawdzi\u0107 raport.<\/p>\n Raport WAVE z mojej strony. Podobno mam nad czym popracowa\u0107!<\/p>\n WordPress ma wbudowany edytor menu do tworzenia menu i umieszczania ich wok\u00f3\u0142 motywu. Wybrany motyw powinien nie tylko obs\u0142ugiwa\u0107 ten edytor menu, ale tak\u017ce zapewnia\u0107 lokalizacje do umieszczania menu.<\/p>\n Jako minimum motyw powinien zawiera\u0107 jedn\u0105 lokalizacj\u0119 menu; menu g\u0142\u00f3wnym. Menu g\u0142\u00f3wne zwykle znajduje si\u0119 gdzie\u015b u g\u00f3ry w nag\u0142\u00f3wku. Powszechne jest r\u00f3wnie\u017c zezwalanie na dodatkowe menu w nag\u0142\u00f3wku, np. menu wsparcia. Dodawanie menu do innych miejsc mo\u017cna zwykle rozwi\u0105za\u0107 poprzez dodanie wid\u017cetu menu \u2013 je\u015bli motyw obs\u0142uguje wid\u017cety (patrz nast\u0119pny temat).<\/p>\n PS: Czy pami\u0119tasz element listy kontrolnej 1. przyjazno\u015b\u0107 dla urz\u0105dze\u0144 mobilnych wspominaj\u0105cy o menu dla urz\u0105dze\u0144 mobilnych? Dok\u0142adnie sprawd\u017a, czy lokalizacja menu g\u0142\u00f3wnego \u0142adnie przekszta\u0142ca si\u0119 w menu mobilne. Je\u015bli motyw umo\u017cliwia menu pomocy technicznej, powinny one r\u00f3wnie\u017c znajdowa\u0107 si\u0119 w menu mobilnym, a nie po prostu znika\u0107.<\/p>\n Kolejn\u0105 wbudowan\u0105 funkcj\u0105 WordPressa s\u0105 wid\u017cety \u2013 ma\u0142e fragmenty tre\u015bci, kt\u00f3re mo\u017cna umie\u015bci\u0107 w zdefiniowanych obszarach wid\u017cet\u00f3w. Podobnie jak w przypadku menu, motyw musi specjalnie doda\u0107 obs\u0142ug\u0119 wid\u017cet\u00f3w i doda\u0107 co najmniej jeden obszar wid\u017cet\u00f3w.<\/p>\n Wsp\u00f3lne obszary wid\u017cet\u00f3w znajduj\u0105 si\u0119 w stopce i pasku bocznym, je\u015bli motyw zawiera uk\u0142ad paska bocznego.<\/p>\n Sprawd\u017a, czy motyw umo\u017cliwia umieszczanie wid\u017cet\u00f3w tam, gdzie ich potrzebujesz. Powszechne jest umieszczanie dodatkowych menu i informacji w stopce, a w WordPress zwykle robi si\u0119 to za pomoc\u0105 wid\u017cet\u00f3w.<\/p>\n Jest to oczywista niezb\u0119dna funkcja, kt\u00f3r\u0105 motyw musi obs\u0142ugiwa\u0107: musisz mie\u0107 mo\u017cliwo\u015b\u0107 przes\u0142ania w\u0142asnego obrazu logo i umieszczenia go w nag\u0142\u00f3wku.<\/p>\n WordPress ma niestandardow\u0105 funkcj\u0119 przesy\u0142ania logo w Customizer, ale od motywu zale\u017cy dodanie obs\u0142ugi tej funkcji. Je\u015bli motyw nie obs\u0142uguje narz\u0119dzia WordPress, musi obs\u0142ugiwa\u0107 jaki\u015b alternatywny spos\u00f3b. Wiele motyw\u00f3w ma w\u0142asne ustawienia motyw\u00f3w, w programie WordPress Customizer lub jako osobna strona administracyjna. Niezale\u017cnie od metody zastosowanej w motywie upewnij si\u0119, \u017ce mo\u017cesz przes\u0142a\u0107 swoje logo.<\/p>\n Umo\u017cliwienie odwiedzaj\u0105cym witryn\u0119 wyszukiwania ma znacznie wi\u0119ksze znaczenie ni\u017c kiedy\u015b. O ile Twoje tre\u015bci i menu nie s\u0105 wyj\u0105tkowo zoptymalizowane i usprawnione, ludzie zazwyczaj b\u0119d\u0105 po prostu szuka\u0107, zamiast klika\u0107.<\/p>\n WordPress posiada wewn\u0119trzn\u0105 wyszukiwark\u0119 do przeszukiwania ca\u0142ej zawarto\u015bci oraz gotowe do u\u017cycia szablony formularza wyszukiwania i wynik\u00f3w wyszukiwania. Ale znowu to od tematu zale\u017cy, czy to zaimplementuje.<\/p>\n Cz\u0119sto udost\u0119pnia si\u0119 dane wyszukiwania w swojej witrynie, zwykle znajduj\u0105ce si\u0119 u g\u00f3ry nag\u0142\u00f3wka. Funkcjonalno\u015b\u0107 wyszukiwania ma wiele form; dane wej\u015bciowe wyszukiwania w nag\u0142\u00f3wku (lub stopce) lub ikon\u0119 wyszukiwania, kt\u00f3ra w jaki\u015b spos\u00f3b pokazuje dane wej\u015bciowe. Je\u015bli motyw nie oferuje funkcji wyszukiwania automatycznie, zawsze mo\u017cesz doda\u0107 wid\u017cet wyszukiwania \u2013 zak\u0142adaj\u0105c, \u017ce motyw obs\u0142uguje wid\u017cety (punkt 5 listy kontrolnej).<\/p>\n WordPress CMS obs\u0142uguje szerok\u0105 gam\u0119 szablon\u00f3w do wy\u015bwietlania tre\u015bci na r\u00f3\u017cne sposoby. W miar\u0119 rozwoju witryny coraz bardziej konieczne b\u0119dzie opieranie si\u0119 na szablonach, takich jak archiwa i wyniki wyszukiwania.<\/p>\n Upewnij si\u0119, \u017ce motyw zawiera wiele domy\u015blnych szablon\u00f3w WordPress i \u017ce wszystkie wygl\u0105daj\u0105 dobrze. Sprawd\u017a szablony, takie jak kategoria, tagi, archiwa dat i wyniki wyszukiwania. Powinny jasno okre\u015bla\u0107, jakiego rodzaju archiwum ogl\u0105damy, oraz dobrze wy\u015bwietla\u0107 zawarto\u015b\u0107 i mie\u0107 funkcj\u0119 stronicowania.<\/p>\n Je\u015bli chcesz w\u0142\u0105czy\u0107 komentarze, motyw powinien mie\u0107 zaimplementowane i odpowiednio zaprojektowane r\u00f3wnie\u017c te szablony.<\/p>\n Najprawdopodobniej masz okre\u015blony zestaw kolor\u00f3w, kt\u00f3rych chcesz u\u017cy\u0107 na swojej stronie internetowej \u2013 zwykle te same kolory, kt\u00f3re znajduj\u0105 si\u0119 w Twoim logo. Oznaczenie swojej witryny swoim logo to minimum (punkt 6 na li\u015bcie kontrolnej), ale motyw powinien r\u00f3wnie\u017c umo\u017cliwia\u0107 wyb\u00f3r niekt\u00f3rych kolor\u00f3w motywu. W ten spos\u00f3b uzyskujesz bardziej sp\u00f3jny projekt, gdy linki, przyciski i inne elementy projektu s\u0105 kolorami Twojej marki.<\/p>\n WordPress nie ma wbudowanej obs\u0142ugi definiowania zestawu kolor\u00f3w u\u017cywanych w motywie. Tw\u00f3rcy motyw\u00f3w musz\u0105 samodzielnie opracowa\u0107 obs\u0142ug\u0119 tego rozwi\u0105zania. Kolory s\u0105 zwykle zdefiniowane w arkuszach styl\u00f3w motywu, a programista musi znale\u017a\u0107 rozwi\u0105zanie, aby zast\u0105pi\u0107 te zmienne kolor\u00f3w kolorami wybranymi przez Ciebie w admin.<\/p>\n Jest to do\u015b\u0107 trudna do wdro\u017cenia funkcja i mo\u017cna j\u0105 rozwi\u0105za\u0107 na wiele sposob\u00f3w \u2013 od dobrych do z\u0142ych. Z\u0142ym rozwi\u0105zaniem by\u0142oby generowanie du\u017cego narzutu stylizacji poprzez proste nadpisanie i powielenie stylizacji za pomoc\u0105 niestandardowych kolor\u00f3w. Du\u017cy plik arkusza styl\u00f3w lub wiele arkuszy styl\u00f3w ma wp\u0142yw na szybko\u015b\u0107 strony (patrz punkt 2 listy kontrolnej). Dobrym rozwi\u0105zaniem by\u0142oby wprowadzenie jakiego\u015b sposobu na nadpisanie zmiennych kolor\u00f3w i ponowne wygenerowanie czystego arkusza styl\u00f3w po wybraniu r\u00f3\u017cnych niestandardowych kolor\u00f3w.<\/p>\n Dni, w kt\u00f3rych witryna zawiera\u0142a tre\u015bci po lewej i prawej stronie paska bocznego, min\u0119\u0142y. Nowoczesne witryny internetowe maj\u0105 r\u00f3\u017cne uk\u0142ady: stron\u0119 g\u0142\u00f3wn\u0105 o pe\u0142nej szeroko\u015bci, artyku\u0142y z jednym lub kilkoma paskami bocznymi, artyku\u0142y bez paska bocznego lub dowoln\u0105 inn\u0105 konfiguracj\u0119 kolumn.<\/p>\n Ten element listy kontrolnej zale\u017cy od projektu witryny i potrzeb. Je\u015bli Twoja witryna jest ma\u0142\u0105 witryn\u0105 z minimalnymi wymaganiami dotycz\u0105cymi r\u00f3\u017cnych uk\u0142ad\u00f3w, nie ma to wi\u0119kszego znaczenia. Ale im wi\u0119cej tre\u015bci ma Twoja witryna, tym bardziej pojawia si\u0119 potrzeba tworzenia stron docelowych o r\u00f3\u017cnych projektach.<\/p>\n Je\u015bli motyw zawiera pasek boczny, powinno by\u0107 co najmniej mo\u017cliwo\u015b\u0107 wyboru na podstawie post po po\u015bcie, czy chcesz przej\u015b\u0107 na pe\u0142n\u0105 szeroko\u015b\u0107 (usu\u0144 pasek boczny), czy nie. Dzi\u0119ki Gutenberg (patrz nast\u0119pny element listy kontrolnej) \u0142atwiej jest teraz tworzy\u0107 strony docelowe o pe\u0142nej szeroko\u015bci \u2013 je\u015bli motyw to obs\u0142uguje.<\/p>\n M\u00f3j w\u0142asny motyw dla A White Pixel zawiera opcje uk\u0142adu post\u00f3w<\/p>\n Kiedy WordPress wyda\u0142 wersj\u0119 5.0 w grudniu 2018 r., pojawi\u0142 si\u0119 zupe\u0142nie nowy edytor post\u00f3w \u2013 o nazwie Gutenberg. Edytor Gutenberg zrewolucjonizowa\u0142 spos\u00f3b tworzenia tre\u015bci, umo\u017cliwiaj\u0105c \u0142atwe tworzenie sekcji z obrazem t\u0142a lub kolorami, bogat\u0105 tre\u015bci\u0105, kolumnami i nie tylko. Takie rzeczy nie by\u0142y wcze\u015bniej mo\u017cliwe.<\/p>\n Jednak poniewa\u017c Gutenberg wymaga innego j\u0119zyka programowania (Javascript, React) ni\u017c j\u0119zyk, w kt\u00f3rym pierwotnie stworzono WordPress (PHP), wsparcie w spo\u0142eczno\u015bci programist\u00f3w by\u0142o powolne. Jest jednak rok 2020, a temat powinien wspiera\u0107 Gutenberga.<\/p>\n Istnieje mn\u00f3stwo motyw\u00f3w WordPress, kt\u00f3re opieraj\u0105 si\u0119 na programach do tworzenia stron, takich jak Visual Composer, Elementor i Divi. Gutenberg sprawia, \u017ce \u200b\u200bte wtyczki s\u0105 zb\u0119dne. Zr\u00f3b sobie przys\u0142ug\u0119 i nie wybieraj motywu, kt\u00f3ry wymaga wtyczki do tworzenia stron, poniewa\u017c mo\u017cesz osi\u0105gn\u0105\u0107 te same wyniki dzi\u0119ki nowej standardowej funkcjonalno\u015bci WordPress.<\/p>\n Ta pozycja na li\u015bcie kontrolnej jest dla tych, kt\u00f3rzy chc\u0105 mie\u0107 witryn\u0119 w innym j\u0119zyku ni\u017c angielski. Nie zapominaj, \u017ce nawet je\u015bli piszesz wszystkie tre\u015bci w innym j\u0119zyku, motyw zazwyczaj zawiera pewne teksty w interfejsie, takie jak \u201eCzytaj wi\u0119cej”, \u201eWidok”, \u201eNast\u0119pna strona” i tak dalej. Je\u015bli zale\u017cy Ci na pe\u0142nej implementacji innego j\u0119zyka dla czytelnik\u00f3w, powiniene\u015b sprawdzi\u0107, czy motyw jest gotowy do t\u0142umaczenia.<\/p>\n Temat mo\u017cna przet\u0142umaczy\u0107 na r\u00f3\u017cne sposoby. Je\u015bli jeste\u015b programist\u0105, to kwestia u\u017cycia funkcji textdomain w swoim motywie i dodania pliku Ale to wszystko wymaga, aby motyw by\u0142 napisany z obs\u0142ug\u0105 t\u0142umaczenia jego ci\u0105g\u00f3w.<\/p>\n Je\u015bli dotar\u0142e\u015b a\u017c do tego miejsca z zielonym czekiem w ka\u017cdym z 12 powy\u017cszych element\u00f3w listy kontrolnej, wybra\u0142e\u015b dobry motyw! Motyw obs\u0142uguje standardow\u0105 funkcjonalno\u015b\u0107 WordPress i spe\u0142nia wymagania strony internetowej na rok 2020, je\u015bli chodzi o SEO, dost\u0119pno\u015b\u0107 i przyjazno\u015b\u0107 dla urz\u0105dze\u0144 mobilnych.<\/p>\n Je\u015bli w niekt\u00f3rych obszarach brakuje Twojego motywu, zainwestuj troch\u0119 czasu w szukanie alternatywnych sposob\u00f3w rozwi\u0105zania go lub kontynuuj poszukiwanie innego motywu. Je\u015bli jeste\u015b programist\u0105, ta lista kontrolna powinna dostarczy\u0107 Ci wskaz\u00f3wek dotycz\u0105cych minimalnych wymaga\u0144 dotycz\u0105cych tworzenia dobrego motywu WordPress.<\/p>\n2 Przyjazny dla SEO<\/h2>\n
Dobra struktura HTML<\/h3>\n
h1<\/code>, h2<\/code>i tak dalej a\u017c do h6<\/code>. Nag\u0142\u00f3wki powinny by\u0107 u\u017cywane do informowania o nowej sekcji i o czym ona jest, a tagi powinny by\u0107 u\u0142o\u017cone w odpowiedniej kolejno\u015bci (np. tre\u015b\u0107 nie powinna przeskakiwa\u0107 od h2<\/code>do h4<\/code>bez h3<\/code>przerwy). h1<\/code>powinien by\u0107 zarezerwowany dla najwa\u017cniejszego tytu\u0142u; zazwyczaj tytu\u0142 posta lub nazwa witryny. I h2<\/code>powinien s\u0142u\u017cy\u0107 do obs\u0142ugi najwa\u017cniejszych tytu\u0142\u00f3w w tym po\u015bcie. Mimo \u017ce Google og\u0142osi\u0142, \u017ce zezwala na wiele h1<\/code>tag\u00f3w (zgodnie z wytycznymi dotycz\u0105cymi HTML5), nadal powszechne jest zapewnienie, \u017ce h1<\/code>na ka\u017cdej stronie istnieje tylko jeden.<\/p>\n<header><\/code>, <main><\/code>, <footer><\/code>, <aside><\/code>poniewa\u017c dostarczaj\u0105 one Google semantycznych informacji o tym, czym tak naprawd\u0119 jest konkretna tre\u015b\u0107.<\/p>\nalt<\/code>-tagi. Tagi Alt s\u0142u\u017c\u0105 do opisywania wygl\u0105du i funkcji obrazu na stronie. Pami\u0119taj, \u017ce roboty wyszukiwarek nie mog\u0105 interpretowa\u0107 obraz\u00f3w tak, jak robi\u0105 to ludzie.<\/p>\nSzybko\u015b\u0107 strony<\/h3>\n
3 Dost\u0119pno\u015b\u0107<\/h2>\n
![\"Lista](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153404-61e50d2db3e82.png\")
<\/a><\/p>\n4 menu<\/h2>\n
![\"Lista](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153404-61e50d30990dc.png\")
<\/a><\/p>\n5 Obs\u0142uga wid\u017cet\u00f3w<\/h2>\n
![\"Lista](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153404-61e50d31d9baa.png\")
<\/a><\/p>\n6 Niestandardowe logo<\/h2>\n
![\"Lista](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153404-61e50d32d3134.png\")
<\/a><\/p>\n7 Szukaj<\/h2>\n
8 domy\u015blnych szablon\u00f3w<\/h2>\n
9 kolor\u00f3w niestandardowych<\/h2>\n
10 opcji uk\u0142adu<\/h2>\n
![\"Lista](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153404-61e50d339e9e4.png\")
<\/a><\/p>\n11 Gutenberg-wsparcie<\/h2>\n
12 T\u0142umaczenie gotowe<\/h2>\n
.pot<\/code>lub .po<\/code>. Je\u015bli jeste\u015b u\u017cytkownikiem motywu z niewielk\u0105 lub \u017cadn\u0105 znajomo\u015bci\u0105 kodu, istniej\u0105 alternatywne sposoby. Mo\u017cesz na przyk\u0142ad u\u017cy\u0107 wtyczki Loco Translate<\/a>, aby uzyska\u0107 bezpo\u015bredni dost\u0119p do plik\u00f3w t\u0142umacze\u0144 motywu. Mo\u017cesz te\u017c u\u017cy\u0107 WPML<\/a> lub innych wtyczek do zbudowania witryny wieloj\u0119zycznej.<\/p>\n
\nWniosek<\/h2>\n