AMP Blogger-skabeloner

 AMP erobrer langsomt internettet på grund af dets fantastiske hastighed og lethed. Tror du som blogger, at det er på tide at skifte dine blogger-skabeloner til AMP-blogger-skabeloner ??

Nå, det afhænger helt af dig at vælge det tema, du foretrækker. AMP er en ramme, der stadig er i fremskridt, og den er kommet frem med fantastiske måder at fremskynde websider på. Mange topwebsider som Nyheder, Shopping, Bloggere er allerede begyndt at implementere AMP på deres mobile sider.

AMP-caches understøttes kun til mobilsider, så det er bedre at skifte vores mobil til AMP-versionen i stedet for at ændre det hele, hvilket vil påvirke dit websted negativt.

Jeg håber, at du kan træffe en beslutning efter at have drøftet nogle af fordelene ved at bruge AMP på din blog, SEO-måder og med hensyn til hastighed.

Indholdsfortegnelse

Hvad er AMP?

Accelerated Mobile Pages (AMP) er en ny opensource-ramme, der vedligeholdes af Google, og som fokuserer på at fremskynde websider. Projektet i starten selv tiltrak mange vi udviklere og brugere på grund af dets løfte. AMP er ikke kun bygget til mobil, vi kan opbygge et komplet websted til alle enheder, men Google AMP-cache er kun tilladt for mobile enheder.

Masser af tilpasning, tilføjelser, plugins og andre tredjeparts-JS ville sænke siderne. Når disse sider er indlæst i små fodaftryk enheder, ville det faktisk forbruge masser af hukommelse, data og tid. Dette førte til oprettelsen af ​​en mobil-første tilgang og endnu længere til AMP.

Hvorfor er AMP hurtig?

7 måder AMP gør dine sider hurtige [Credit amp.dev]

AMP bruger internt forskellige optimeringer til at bremse indlæsningshastigheden, nogle af teknikkerne er anført nedenfor, hvilket igen er et langt emne, som vi vil diskutere i vores senere artikler.

  • Udfør al AMP JavaScript asynkront
  • Størrelse af alle ressourcer statisk
  • Lad ikke udvidelsesmekanismer blokere gengivelsen
  • Hold al JavaScript fra tredjepart væk fra den kritiske sti
  • Al CSS skal være integreret og størrelsesbundet
  • Skriftudløsning skal være effektiv
  • Minimer stilberegninger
  • Kør kun GPU-accelererede animationer
  • Prioriter ressourceindlæsning
  • Indlæs sider på et øjeblik

AMP i Blogger?

Dette er et vigtigt emne, som du aldrig bør gå glip af, Blogger understøtter ikke AMP i hånden, så vi er nødt til at skærpe mange funktioner, som vi har brugt tidligere og på en eller anden måde finde et alternativ til dem. AMP understøtter ikke noget Javascript, der blokerer konstruktionen af ​​DOM.

JavaScript-widget som indholdsfortegnelse i blogger kan ikke implementeres i AMP, medmindre det konverteres til amp-iframe-indlejringer, der har brug for meget arbejde. Men vi har diskuteret, hvordan man implementerer en TOC uden jQuery og kun med forstærkerelementer og ren JavaScript (kun i desktopversion).

Mere specifikt kan kun AMP-tilladte JS-elementer bruges i vores AMP-temaer, men AMP tilbyder forskellige ekstra funktioner som AMP-historier, AMP-annoncer osv. AMP omstrukturerer helt grundlæggende de grundlæggende HTML-elementer som img-tag til amp-img, script til amp-script osv.

Understøtter Blogger AMP fuldt ud?

Nej, Blogger understøtter officielt ikke AMP.

Er det muligt at implementere AMP på Blogger-platformen

AMP implementeres ved at ofre nogle af funktionerne som JS-widgets og erstatte alle elementer med AMP-elementer (nogle gange er der ingen alternativer at erstatte).

Jeg håber, at du fik en idé om, hvordan AMP fungerer, og hvad er forskellen mellem AMP HTML med grundlæggende HTML-sprog.

AMP Blogger-skabeloner

Først og fremmest vil jeg gerne sige, at jeg ikke anbefaler AMP-temaer til nybegyndere til blogging, du skal være meget praktisk med Blogger-dashboard og Post HTML-visning, som kan skiftes i posteditoren.

Blogger opretter som standard billedkoder med img, men vi skal manuelt konvertere img-koden til amp-img og fjerne ikke-understøttede elementer inde i koden, som vi vil diskutere nedenfor.

Nogle af temaerne er premium, som ikke er tilgængelige til gratis download, og nogle er gratis at bruge.

1. Shopping AMP [Premium]

Shopping AMP er den første gyldige AMP Blogger-skabelon til shopping. Det er perfekt til tilknyttede og shop-blogs. Temaet er integreret med Whatsapp og Message system til køb og forespørgsel af produkter.

Shopping AMP
Shopping AMP

Funktioner ved Shopping AMP

  • Gyldig AMP HTML
  • Lydhør
  • SEO-venlig
  • Skema
  • Hurtig indlæsning
  • Avanceret søgning
  • Ren CSS-skyder
  • Prissektion
  • Badge
  • Gitterdesign

2. SEO AMP

SEO AMP er en minimal og ren AMP-skabelon til din personlige, teknologi eller nyhedsblog. SEO AMP leveres med Adsense-venligt design og udstyret med nødvendige widgets.

SEO AMP
SEO AMP

Funktioner i SEO AMP

  • Gyldig AMP HTML
  • Lydhør
  • SEO-venlig
  • Personlig blog
  • Søgefelt
  • Disqus-kommentar
  • Social andel
  • Mere …

3. Piro AMP

Piro AMP er en anden personlig blogskabelon, som også er velegnet til teknisk og nyhedsblog. Den leveres med en Newsletter Box-widget og en tilpasset label-widget.

Piro AMP
Piro AMP

Funktioner af Piro AMP

  • SEO-venlig
  • Annoncer klar
  • Hurtig indlæsning
  • Menu
  • Sticky Header
  • 2 kolonne
  • Nyhedsbrev
  • Sticky Sidebar

4. MagOne

MagOne er en fuldt tilpasset blogger-skabelon med en addon AMP-funktion. Det har alle fantastiske widgets, der er indbygget med kraftig træk og slip widgetbygger og mere.

MagOne
MagOne

Funktioner i Magone

  • Resposiv og AMP klar
  • Træk og slip Widget Builder
  • System med flere kommentarer
  • Ubegrænset typografi
  • Støt alle sprog og RTL
  • Og mere…

5. Indiz Mag [Premium]

Indiz Mag er en anden AMP-skabelon, der er velegnet til blogs med nyheds- og magasinstil. Som har så mange indbyggede funktioner på hjemmesiden. Den har en tilpasset etiket og den nyeste postwidget.

indiz mag
Indiz Mag
  • Seo venlig
  • Topnavigation
  • Menu (klæbrig)
  • Auto Læs mere
  • Sidefejl 404
  • Post Parallax
  • Social andel
  • Disqus-kommentarer

6. Goo AMP

Goo AMP er en anden AMP-skabelon med et gitterlayout med minimalt design. Den leveres med sidebar-widgets, søgefeltet i højre ende. Det er bedst egnet til tech- og magasinblogs.

gooamp
Goo AMP
  • Seo venlig
  • Topnavigation
  • Menu (klæbrig)
  • Auto Læs mere
  • Sidefejl 404
  • Post Parallax
  • Social andel
  • Disqus-kommentarer

7. Lilla AMP

Purple AMP leveres med hjemmewidgets for bedre navigation og brugerforståelse. Postlayout leveres med et gitterlayout og er allerede fyldt med alle nødvendige widgets.

lilla forstærker
Lilla AMP
  • Seo venlig
  • Topnavigation
  • Menu (klæbrig)
  • Auto Læs mere
  • Sidefejl 404
  • Post Parallax
  • Social andel
  • Disqus-kommentarer

8. AMP-nyheder

AMP News er, som navnet antyder, en af ​​de bedste nyhedsskabeloner, der er tilgængelige indtil nu. Den leveres med venstre og højre sidebar og alle nødvendige funktioner, der kræves for et News-websted.

AMP Nyheder
AMP Nyheder
  • Seo venlig
  • Topnavigation
  • Menu (klæbrig)
  • Auto Læs mere
  • Sidefejl 404
  • Post Parallax
  • Social andel
  • Disqus-kommentarer

AMP-begrænsning i Blogger

Du kan ikke bruge Blogger-kontaktformularen direkte, men du kan følge vores artikel om kontaktformular i AMP Blogger, der guider dig til at indsætte en fungerende kontaktformular. De fleste af de widgets, der er afhængige af JavaScript, fungerer ikke, men der er en implementering af forstærkerramme, som du kan bruge i stedet.

Nogle brugere har rapporteret, at deres Adsense-indtjening blev reduceret efter implementering af AMP, men jeg ved ikke, om det stadig er et problem.

Konklusion

Jeg håber, at denne artikel om AMP Blogger-skabeloner har hjulpet dig med at vide mere om AMP-skabeloner. Hvis du er i tvivl om denne artikel, kan du kommentere nedenfor med dine spørgsmål, og vi er glade for at hjælpe dig.

About My name is Nguyen Manh Cuong. I was born in a poor village in Ba Vi district, HA NOI province - windy and sunny land. Currently. https://www.insurancefinances.com/. Mr Cuong.
Newer Posts Newer Posts Older Posts Older Posts

More posts

Comments

Post a Comment