Inte bara kommer en mobilanpassad sajt att till\u00e5ta fler bes\u00f6kare som anv\u00e4nder olika enheter, utan att ha en mobilanpassad hemsida \u00e4r ocks\u00e5 avg\u00f6rande f\u00f6r SEO (s\u00f6kmotoroptimering \u2013 se n\u00e4sta punkt)! Google prioriterar webbplatser som \u00e4r mobilanpassade i sina s\u00f6kresultat. Och i mars 2020 meddelade de att Google kommer att byta till mobil-f\u00f6rst indexering f\u00f6r alla webbplatser i september 2020<\/a>.<\/p>\n S\u00f6kmotoroptimering (SEO) \u00e4r avg\u00f6rande i dessa dagar f\u00f6r dig som vill att bes\u00f6kare ska komma till din sida. Du m\u00e5ste f\u00e5 din webbplats att rankas s\u00e5 h\u00f6gt som m\u00f6jligt i s\u00f6kmotorer som Google f\u00f6r att hoppas p\u00e5 bes\u00f6kare som konverterar till kunder. Utan SEO kommer din webbplats att drunkna i miljarder andra konkurrerande webbsidor och ingen kommer att k\u00e4nna till eller hitta din webbplats.<\/p>\n SEO handlar om att optimera din webbplats f\u00f6r att \u00f6ka m\u00e4ngden och kvaliteten p\u00e5 trafiken till din webbplats. Detta inkluderar \u00e4mnen som inneh\u00e5llet, de tekniska aspekterna och hur utsidan ser, anv\u00e4nder och granskar din webbplats. Det \u00e4r ett ganska stort \u00e4mne, men f\u00f6r den h\u00e4r checklistan fokuserar jag p\u00e5 de tekniska aspekterna.<\/p>\n Du kommer (borde) med st\u00f6rsta sannolikhet att anv\u00e4nda ett SEO-plugin. Till exempel \u00e4r Yoast SEO<\/a> den mest k\u00e4nda och anv\u00e4nda SEO-plugin f\u00f6r WordPress. Den har en premiumversion, men gratisversionen \u00e4r helt okej. Ett SEO-plugin b\u00f6r till\u00e5ta dig att definiera titlar, metabeskrivningar, nyckelord och generera s\u00f6kmotors webbplatskartor. Yoast SEO kommer ocks\u00e5 att analysera ditt inl\u00e4ggsinneh\u00e5ll och ge dig tips om hur du kan f\u00f6rb\u00e4ttra ditt skrivande f\u00f6r att rankas h\u00f6gre.<\/p>\n Men det finns ett par saker du beh\u00f6ver kontrollera inom temat \u2013 n\u00e5got som ett SEO-plugin inte kan fixa.<\/p>\n En bra HTML-struktur spelar en roll f\u00f6r att g\u00f6ra ett tema SEO-v\u00e4nligt. HTML \u00e4r strukturen f\u00f6r en webbsidas inneh\u00e5ll, oberoende av dess stil. Styling kan d\u00f6lja d\u00e5lig HTML-struktur, men t\u00e4nk p\u00e5 att Googles s\u00f6krobotar l\u00e4ser webbplatsen utan styling.<\/p>\n En viktig regel i bra HTML-struktur \u00e4r rubriktaggarna; Temat b\u00f6r ocks\u00e5 anv\u00e4nda nyare HTML5-taggar som En annan mycket underutnyttjad funktion \u00e4r schemamarkering \u2013 ofta kallad mikrodata. Schemamarkering<\/a> \u00e4r en teknik som hj\u00e4lper botar och s\u00f6krobotar att f\u00f6rst\u00e5 vad inneh\u00e5ll \u00e4r. Om produktinformationen sl\u00e5s in med schemamarkering g\u00f6r det m\u00f6jligt f\u00f6r Google att specifikt veta var det kan hitta pris, recensioner, produktbild och mer. Det g\u00f6r att Google kan presentera produkter p\u00e5 ett annat s\u00e4tt i s\u00f6kresultaten. Det \u00e4r tyv\u00e4rr ovanligt att hitta detta i ett WordPress-tema, men om du hittar ett tema med schemamarkering \u00e4r det ett bra tips om att temautvecklaren har haft SEO i tankarna.<\/p>\n \u00c4ntligen b\u00f6r temat se till att skapa korrekta taggar i rikt inneh\u00e5llsinb\u00e4ddningar, s\u00e4rskilt bilder. Bilder b\u00f6r som minimum ha Hur snabbt din webbplats laddas \u00e4r v\u00e4ldigt viktigt f\u00f6r SEO. Det b\u00f6r inte ta mer \u00e4n 5 sekunder att avsluta inl\u00e4sningen av en sida p\u00e5 din webbplats. Temat kan optimera sidhastigheten p\u00e5 flera s\u00e4tt.<\/p>\n T\u00e4nk p\u00e5 att ett tema kan implementera tunga och ibland externa resurser f\u00f6r att f\u00e5 det att se snyggt ut. Till exempel anpassade typsnitt, ikoner och en hel massa interaktiva element. F\u00f6rfr\u00e5gningar om stilmallar, javascript-filer och s\u00e4rskilt externa resurser som t.ex. GoogleFonts<\/a> f\u00f6r typsnitt och Fontawesome<\/a> f\u00f6r ikoner drar verkligen ner sidhastigheten.<\/p>\n Temat b\u00f6r ocks\u00e5 st\u00f6dja storleks\u00e4ndring av bilderna du laddar upp i olika storlekar, och anv\u00e4nd dessa i enlighet med de n\u00f6dv\u00e4ndiga bildstorlekarna runt ditt inneh\u00e5ll. Att ladda stora bilder \u00e4r en av de st\u00f6rsta nackdelarna med sidhastighet. Det \u00e4r ingen id\u00e9 att anv\u00e4nda en fullskalig bild p\u00e5 1900px bredd f\u00f6r en liten miniatyrbild i sidfoten.<\/p>\n Du kan kontrollera sidhastigheten med ett annat av Googles kostnadsfria verktyg: PageSpeed \u200b\u200bInsights<\/a>. Ange URL:en till temats demosida och klicka p\u00e5 Analysera. L\u00e5t det fungera och du b\u00f6r presenteras med ett betyg och en rapport \u00f6ver saker du kan g\u00f6ra f\u00f6r att \u00e5tg\u00e4rda eventuella problem som drar ner sidhastigheten. Kom ih\u00e5g att kontrollera b\u00e5de mobil- och datorrapporter. Sidhastighet p\u00e5 mobilen \u00e4r viktigare idag; b\u00e5de f\u00f6r att mobila enheter ofta anv\u00e4nder mobildata (som kostar pengar), och f\u00f6r att mobilv\u00e4nlighet \u00e4r viktigt. Du hoppade inte \u00f6ver f\u00f6reg\u00e5ende checklista, eller hur?<\/p>\n Tillg\u00e4nglighet g\u00f6r din webbplats tillg\u00e4nglig f\u00f6r alla typer av bes\u00f6kare, inklusive de med funktionshinder \u2013 oavsett om det \u00e4r h\u00f6rselskada, synskada och mer. Det finns en internationell upps\u00e4ttning riktlinjer som kallas Web Content Accessibility Guidelines (WCAG) som beskriver hur webbplatser ska implementera tillg\u00e4nglighet. Genom att inte f\u00f6lja WCAG bryter du faktiskt mot ett antal lagar och f\u00f6rordningar i internationell skala (eftersom bes\u00f6kare p\u00e5 din webbplats kan komma fr\u00e5n var som helst i v\u00e4rlden).<\/p>\n Riktlinjerna beskriver en stor upps\u00e4ttning specifikationer och tekniska krav f\u00f6r en webbplats. Efterlevnad av WCAG po\u00e4ngs\u00e4tts i tre niv\u00e5er; A, AA och AAA. Niv\u00e5 AAA \u00e4r den l\u00e4gsta acceptabla tillg\u00e4nglighetsniv\u00e5n medan niv\u00e5 A anses vara f\u00f6rstklassig tillg\u00e4nglig, men niv\u00e5 A s\u00e4tter starka begr\u00e4nsningar f\u00f6r design, funktioner och rikt inneh\u00e5ll. De flesta webbplatser, s\u00e5vida de inte riktar sig till personer med funktionshinder, str\u00e4var inte efter att n\u00e5 niv\u00e5 A i tillg\u00e4nglighet.<\/p>\n Ditt tema b\u00f6r uppn\u00e5 niv\u00e5 AAA som ett minimum. Du kan kontrollera tillg\u00e4nglighetsniv\u00e5erna p\u00e5 en webbplats genom att anv\u00e4nda ett kostnadsfritt verktyg som heter WAVE, tillg\u00e4ngligt som till\u00e4gg till Chrome och Firefox<\/a>. N\u00e4r du har installerat i din webbl\u00e4sare kan du bes\u00f6ka temats demosida, k\u00f6ra kontrollen och kontrollera rapporten.<\/p>\n WAVE rapport fr\u00e5n min sida. Tydligen har jag n\u00e5got att jobba p\u00e5!<\/p>\n WordPress har en inbyggd menyredigerare f\u00f6r att skapa menyer och placera dem runt ditt tema. Temat du v\u00e4ljer b\u00f6r inte bara st\u00f6dja denna menyredigerare, utan ocks\u00e5 ge dig platser f\u00f6r att placera menyer.<\/p>\n Som ett minimum b\u00f6r temat tillhandah\u00e5lla en menyplats; huvudmenyn. Huvudmenyn finns vanligtvis n\u00e5gonstans h\u00f6gst upp i rubriken. Det \u00e4r vanligt att \u00e4ven till\u00e5ta ytterligare menyer i rubriken, t.ex. supportmeny. Att l\u00e4gga till menyer p\u00e5 andra platser kan vanligtvis l\u00f6sas genom att l\u00e4gga till en menywidget \u2013 om temat st\u00f6der widgets (se n\u00e4sta \u00e4mne).<\/p>\n PS: Kommer du ih\u00e5g checklista punkt 1. mobilv\u00e4nlighet n\u00e4mner mobilmeny? Dubbelkolla att huvudmenyns plats konverteras snyggt till en mobilmeny. Om temat till\u00e5ter supportmenyer b\u00f6r de inkluderas i mobilmenyn ocks\u00e5, och inte bara f\u00f6rsvinna.<\/p>\n En annan inbyggd funktion i WordPress \u00e4r widgets \u2013 sm\u00e5 utdrag av inneh\u00e5ll som kan placeras i definierade widgetomr\u00e5den. Som med menyer m\u00e5ste temat specifikt l\u00e4gga till st\u00f6d f\u00f6r widgets och l\u00e4gga till minst ett widgetomr\u00e5de.<\/p>\n Vanliga widgetomr\u00e5den finns i sidfoten och sidof\u00e4ltet, om temat har en sidof\u00e4ltslayout.<\/p>\n Kontrollera att temat till\u00e5ter dig att placera widgets var du \u00e4n beh\u00f6ver dem. Det \u00e4r vanligt att l\u00e4gga ytterligare menyer och information i sidfoten, och i WordPress g\u00f6rs detta vanligtvis med hj\u00e4lp av widgets.<\/p>\n Detta \u00e4r en uppenbar n\u00f6dv\u00e4ndig funktion som temat beh\u00f6ver st\u00f6dja: Du m\u00e5ste kunna ladda upp din egen logotypbild och ha den placerad i rubriken.<\/p>\n WordPress har en egen logotypuppladdningsfunktion i Customizer, men det \u00e4r upp till temat att l\u00e4gga till st\u00f6d f\u00f6r detta. Om temat inte st\u00f6der WordPress-verktyget m\u00e5ste det st\u00f6dja n\u00e5got alternativt s\u00e4tt. M\u00e5nga teman har sina egna temainst\u00e4llningar, antingen inom WordPress Customizer eller som en separat adminsida. Oavsett vilken metod temat anv\u00e4nder, se till att du kan ladda upp din logotyp.<\/p>\n Att till\u00e5ta webbplatsbes\u00f6kare att s\u00f6ka \u00e4r mycket viktigare \u00e4n det brukade vara. S\u00e5vida inte ditt inneh\u00e5ll och menyer \u00e4r extremt optimerade och str\u00f6mlinjeformade, kommer folk i allm\u00e4nhet bara att s\u00f6ka ist\u00e4llet f\u00f6r att klicka runt.<\/p>\n WordPress har en intern s\u00f6kmotor f\u00f6r att s\u00f6ka i allt inneh\u00e5ll, och f\u00e4rdiga mallar f\u00f6r s\u00f6kformul\u00e4ret och s\u00f6kresultaten. Men \u00e5terigen \u00e4r det upp till temat att genomf\u00f6ra detta.<\/p>\n Det \u00e4r vanligt att du erbjuder en s\u00f6kinmatning p\u00e5 din webbplats, vanligtvis h\u00f6gst upp i rubriken. S\u00f6kfunktionalitet finns i m\u00e5nga former; en s\u00f6kinmatning i sidhuvudet (eller sidfoten), eller en s\u00f6kikon som avsl\u00f6jar en inmatning p\u00e5 n\u00e5got s\u00e4tt. Om temat inte erbjuder en s\u00f6king\u00e5ng automatiskt kan du alltid l\u00e4gga till en s\u00f6kwidget \u2013 f\u00f6rutsatt att temat st\u00f6der widgets (checklista punkt 5).<\/p>\n WordPress CMS st\u00f6der ett stort utbud av mallar f\u00f6r att visa ditt inneh\u00e5ll p\u00e5 olika s\u00e4tt. N\u00e4r din webbplats v\u00e4xer kommer du att tycka att det \u00e4r mer n\u00f6dv\u00e4ndigt att luta sig mot mallar som arkiv och s\u00f6kresultat.<\/p>\n Se till att temat implementerar en hel del av WordPresss standardmallar och att alla ser bra ut. Kontrollera mallar som kategori, taggar, datumarkiv och s\u00f6kresultat. De b\u00f6r tydligt ange vilken typ av arkiv vi tittar p\u00e5 och visa inneh\u00e5ll v\u00e4l och med sideringsfunktionalitet.<\/p>\n Om du vill aktivera kommentarer b\u00f6r temat ocks\u00e5 ha implementerat och utformat dessa mallar p\u00e5 r\u00e4tt s\u00e4tt.<\/p>\n Du har med st\u00f6rsta sannolikhet en definierad upps\u00e4ttning f\u00e4rger som du vill anv\u00e4nda p\u00e5 din webbplats \u2013 vanligtvis samma f\u00e4rger som finns i din logotyp. Branding av din webbplats med din logotyp \u00e4r ett minimum (checklista punkt 6) men temat b\u00f6r ocks\u00e5 l\u00e5ta dig v\u00e4lja n\u00e5gra av temats f\u00e4rger. Som s\u00e5dan uppn\u00e5r du en mer sammanh\u00e4ngande design n\u00e4r l\u00e4nkarna, knapparna och andra designelement \u00e4r ditt varum\u00e4rkes f\u00e4rger.<\/p>\n Det finns inget inbyggt st\u00f6d i WordPress f\u00f6r att definiera en upps\u00e4ttning f\u00e4rger som anv\u00e4nds i temat. Temautvecklare beh\u00f6ver utveckla st\u00f6d f\u00f6r detta p\u00e5 egen hand. F\u00e4rgerna definieras vanligtvis i temats stilmallar och utvecklaren m\u00e5ste hitta en l\u00f6sning f\u00f6r att \u00e5sidos\u00e4tta dessa f\u00e4rgvariabler med f\u00e4rger valda av dig i admin.<\/p>\n Det h\u00e4r \u00e4r en ganska sv\u00e5r funktion att implementera och den kan l\u00f6sas p\u00e5 en rad olika s\u00e4tt \u2013 fr\u00e5n bra till d\u00e5liga. En d\u00e5lig l\u00f6sning skulle vara att generera en stor del av styling overhead genom att helt enkelt \u00e5sidos\u00e4tta och duplicera stylingen med anpassade f\u00e4rger. En stor formatmallsfil eller flera formatmallar har en inverkan p\u00e5 sidhastigheten (se checklista punkt 2). En bra l\u00f6sning skulle vara att inf\u00f6rliva n\u00e5got s\u00e4tt att \u00e5sidos\u00e4tta f\u00e4rgvariablerna och \u00e5terskapa en ren stilmall n\u00e4r du v\u00e4ljer olika anpassade f\u00e4rger.<\/p>\n De dagar d\u00e5 en webbplats skulle ha inneh\u00e5ll till v\u00e4nster och en h\u00f6ger sidof\u00e4lt oavsett vilken sida du \u00e4r p\u00e5, \u00e4r borta. Moderna webbplatser har olika layouter: en framsida i full bredd, artiklar med en eller flera sidof\u00e4lt, artiklar utan sidof\u00e4lt eller n\u00e5gon form av annan kolumnupps\u00e4ttning.<\/p>\n Denna checklista beror p\u00e5 din webbdesign och dina behov. Om din webbplats \u00e4r en liten sajt med ett minimalt krav p\u00e5 olika layouter spelar detta inte lika stor roll. Men ju mer inneh\u00e5ll din webbplats har, desto mer beh\u00f6ver du skapa m\u00e5lsidor med olika design.<\/p>\n Om temat har en sidof\u00e4lt b\u00f6r det som ett minimum vara m\u00f6jligt att v\u00e4lja post-f\u00f6r-post om man vill g\u00e5 i full bredd eller inte (ta bort sidof\u00e4ltet) eller inte. Med Gutenberg (se n\u00e4sta checklista) \u00e4r det nu l\u00e4ttare att skapa m\u00e5lsidor i full bredd \u2013 om temat st\u00f6djer detta.<\/p>\n Mitt egenutvecklade tema f\u00f6r A White Pixel har layoutalternativ f\u00f6r inl\u00e4gg<\/p>\n N\u00e4r WordPress sl\u00e4ppte version 5.0 i december 2018 kom den med en helt ny inl\u00e4ggsredigerare \u2013 kallad Gutenberg. Gutenberg-redigeraren har revolutionerat s\u00e4ttet du kan skapa inneh\u00e5ll p\u00e5 genom att du enkelt kan skapa avsnitt med bakgrundsbild eller f\u00e4rger, rikt inneh\u00e5ll, kolumner och mer. S\u00e5dana h\u00e4r saker var inte m\u00f6jliga tidigare.<\/p>\n Men eftersom Gutenberg kr\u00e4ver ett annat programmeringsspr\u00e5k (Javascript, React) \u00e4n spr\u00e5ket WordPress ursprungligen skapades med (PHP), har st\u00f6det i utvecklingsgemenskapen varit l\u00e5ngsamt. Det \u00e4r dock \u00e5r 2020 och temat b\u00f6r st\u00f6dja Gutenberg.<\/p>\n Det finns ett \u00f6verfl\u00f6d av WordPress-teman d\u00e4r ute som \u00e4r beroende av sidbyggare som Visual Composer, Elementor och Divi. Gutenberg g\u00f6r i stort sett dessa plugins \u00f6verfl\u00f6diga. G\u00f6r dig sj\u00e4lv en tj\u00e4nst och v\u00e4lj inte ett tema som kr\u00e4ver ett plugin f\u00f6r sidbyggare, eftersom du kan uppn\u00e5 samma resultat med den nya standardfunktionaliteten i WordPress.<\/p>\n Denna checklista \u00e4r f\u00f6r dig som vill ha en hemsida p\u00e5 ett annat spr\u00e5k \u00e4n engelska. Gl\u00f6m inte att \u00e4ven om du skriver allt ditt inneh\u00e5ll p\u00e5 ett annat spr\u00e5k, inneh\u00e5ller temat vanligtvis vissa texter i frontend, som "L\u00e4s mer", "Visa", "N\u00e4sta sida" och s\u00e5 vidare. Om det \u00e4r viktigt f\u00f6r dig att fullt ut implementera ett annat spr\u00e5k f\u00f6r l\u00e4sarna b\u00f6r du kontrollera om temat \u00e4r \u00f6vers\u00e4ttningsf\u00e4rdigt.<\/p>\n Det finns olika s\u00e4tt att \u00f6vers\u00e4tta ett tema. Om du \u00e4r en utvecklare handlar det om att anv\u00e4nda textdom\u00e4nfunktioner i ditt tema och l\u00e4gga till en Men allt detta kr\u00e4ver att temat \u00e4r skrivet med st\u00f6d f\u00f6r \u00f6vers\u00e4ttning av dess str\u00e4ngar.<\/p>\n Om du tagit dig \u00e4nda hit med en gr\u00f6n bock i var och en av de 12 checklistposterna ovan, har du valt ett bra tema! Temat st\u00f6der standard WordPress-funktionalitet och uppfyller kraven p\u00e5 en webbplats f\u00f6r 2020 n\u00e4r det kommer till SEO, tillg\u00e4nglighet och mobilv\u00e4nlighet.<\/p>\n Om ditt tema saknas inom vissa omr\u00e5den, investera lite tid i att se hur du kan l\u00f6sa det p\u00e5 alternativa s\u00e4tt eller forts\u00e4tt leta efter ett annat tema. Om du \u00e4r en utvecklare borde den h\u00e4r checklistan ha gett dig n\u00e5gra riktlinjer f\u00f6r minimikraven f\u00f6r att skapa ett bra WordPress-tema.<\/p>\n2 SEO-v\u00e4nlig<\/h2>\n
Bra HTML-struktur<\/h3>\n
h1<\/code>, h2<\/code>, och s\u00e5 vidare tills h6<\/code>. Rubrikerna ska anv\u00e4ndas f\u00f6r att informera om ett nytt avsnitt och vad det handlar om, och taggarna ska vara i ordning (t.ex. ditt inneh\u00e5ll ska inte hoppa fr\u00e5n h2<\/code>till h4<\/code>utan ett h3<\/code>mellanliggande). h1<\/code>b\u00f6r reserveras f\u00f6r den viktigaste titeln; vanligtvis inl\u00e4ggets titel eller webbplatsens namn. Och h2<\/code>b\u00f6r anv\u00e4ndas f\u00f6r att tj\u00e4na de viktigaste titlarna i detta inl\u00e4gg. \u00c4ven om Google har meddelat att de till\u00e5ter flera h1<\/code>taggar (enligt riktlinjerna f\u00f6r HTML5), \u00e4r det fortfarande vanligt att se till att endast en h1<\/code>finns p\u00e5 varje sida.<\/p>\n<header><\/code>, <main><\/code>, <footer><\/code>, <aside><\/code>eftersom dessa ger semantisk information till Google om vad specifikt inneh\u00e5ll faktiskt \u00e4r.<\/p>\nalt<\/code>-taggar. Alt-taggar anv\u00e4nds f\u00f6r att beskriva utseendet och funktionen hos en bild p\u00e5 en sida. Kom ih\u00e5g att s\u00f6kmotorernas s\u00f6krobotar inte kan tolka bilder som m\u00e4nniskor g\u00f6r.<\/p>\nSidhastighet<\/h3>\n
3 Tillg\u00e4nglighet<\/h2>\n
![\"Checklista:](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153404-61e50d2db3e82.png\")
<\/a><\/p>\n4 menyer<\/h2>\n
![\"Checklista:](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153404-61e50d30990dc.png\")
<\/a><\/p>\n5 Widgetst\u00f6d<\/h2>\n
![\"Checklista:](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153404-61e50d31d9baa.png\")
<\/a><\/p>\n6 Anpassad logotyp<\/h2>\n
![\"Checklista:](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153404-61e50d32d3134.png\")
<\/a><\/p>\n7 S\u00f6k<\/h2>\n
8 standardmallar<\/h2>\n
9 anpassade f\u00e4rger<\/h2>\n
10 Layoutalternativ<\/h2>\n
![\"Checklista:](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153404-61e50d339e9e4.png\")
<\/a><\/p>\n11 Gutenberg-st\u00f6d<\/h2>\n
12 Klar \u00f6vers\u00e4ttning<\/h2>\n
.pot<\/code>eller .po<\/code>-fil. Om du \u00e4r en temaanv\u00e4ndare med liten eller ingen kunskap om kod finns det alternativa s\u00e4tt. Du kan till exempel anv\u00e4nda plugin Loco Translate<\/a> f\u00f6r att direkt komma \u00e5t temats \u00f6vers\u00e4ttningsfiler. Eller s\u00e5 kan du anv\u00e4nda WPML<\/a> eller andra plugins f\u00f6r att bygga en flerspr\u00e5kig webbplats.<\/p>\n
\nSlutsats<\/h2>\n