Performanța contează, iar marii jucători de pe web se adresează performanței în moduri proprii. Răspunsul Google vine sub forma controversatului său AMP; un format de publicare care oferă o experiență lină pentru rezultatele căutării mobile. Google chiar rang listări care pun în aplicare AMP mai favorabil.
Facebook, în mod similar, și-a conceput propria inițiativă cu Articole Instant, permițându-i să deservească conținutul web partajat în aplicația mobilă imediat cu o experiență nativă-mobilă. Conținutul care a fost validat ca articol instant va fi marcat cu emblema fulgerului atunci când este distribuit oriunde pe fluxul Facebook.
În acest tutorial vom afla ce "Articole Instant" este și cum vă puteți port propriul dvs. conținut în acest instrument rapid de publicare. Sa mergem!
1. Înscrieți-vă
În primul rând, va trebui să aveți acces la admin sau editor pentru o pagină Facebook publicată.
La momentul înființării sale, articolele Instant au fost disponibile numai editorilor mari sau mijlocii, ale căror pagini de pe Facebook aveau cel puțin o sută de mii de adepți sau îi plăceau cu o audiență activă; nu e de mirare că paginile mele nu erau eligibile să se înscrie în articolele Instant de atunci! În prezent, Facebook a deschis articole Instant pentru toți editori de toate dimensiunile, trebuie doar să vă înscrieți.
Apoi, selectați pagina.
2. Verificați-vă site-ul
Va trebui să verificați dacă dețineți site-ul în cauză adăugând FB: pagini meta tag în cadrul cap. Nu uitați să adăugați adresa URL și apăsați pe Solicitați URL-ul pentru a finaliza verificarea. Puteți verifica mai multe adrese URL în cazul în care site-ul dvs. cuprinde un număr de canale sau subdomenii, cum ar fi Medium și Tuts + (webdesign.tutsplus.com, code.tutsplus.com, etc.).
Introduceți detalii și apăsați "Revendicați URL-ul"
3. Formatați marcajul
Înainte de a putea publica regulat articolele Instant, va trebui să trimiteți cel puțin cinci articole pentru examinare. Aceste articole ar trebui să utilizeze formatarea compatibilă cu articolul Instant, de exemplu:
Titlu
Subtitlu
Zuck Zuck este CEO al Facebook. Răciți capacul de acoperire
Web design
Lorem ipsum dolor stați amet, consectetur adipisicing elit. Doloremque doloribus quia cvasi soluta atque veniam harum! Voluptatum facilitează soluția molitică, care are o cotă parțială minus corporis, în consecință față de față.
Lorem ipsum dolor stați amet, consectetur adipisicing elit. Ex quam maxima voluptas nostrum omnis el una vero eius perspiciatis alicu hic fugiat nobis debitis asperiores facilis ullam, nulla voluptatum animi. quo!
Image Caption
Lorem ipsum dolor stați amet, consectetur adipisicing elit. Ex quam maxima voluptas nostrum omnis el una vero eius perspiciatis alicu hic fugiat nobis debitis asperiores facilis ullam, nulla voluptatum animi. quo!
După cum puteți vedea mai sus, formatul Instant Articles este o structură HTML semantică simplă, cu clase și atribute speciale. Imaginea, de exemplu, are date-mode atributul setat la ecran complet care va face ecranul pe ecran complet. În cealaltă imagine, avem a date de feedback- set de atribute care va permite utilizatorilor noștri să dea un "Like" și să atașeze comentarii direct la imagine.
Sunt adăugate și câteva metaetichete personalizate în cadrul cap etichetă, cum ar fi fb: article_style tag care definește stilurile de conținut. In plus canonic meta-tag-ul ar trebui să indice articolul original; un factor care îi determină pe mulți editori să preferă articolele Facebook Instant pe Google AMP. Google AMP este mult mai criptic cu privire la locația lucrării originale.
4. Trimiteți conținutul dvs.
Odată ce ați pregătit-o, trimiteți conținutul pe Facebook.
Există două modalități de a vă trimite conținutul. În primul rând, îl puteți posta direct prin contul dvs. Facebook. În cadrul Instrumente de publicare ecran, ar trebui să găsiți + Crea care va va conduce la formularul pentru a posta codul HTML.
A doua abordare implică furnizarea unui URL de feed care conține conținutul. Această abordare poate dura ceva timp pentru a vă configura, în funcție de platforma pe care este construit site-ul dvs. web. Din fericire, un plugin este disponibil pentru platforme populare, cum ar fi WordPress și Drupal, ceea ce face mai ușor să transformi conținutul într-un format compatibil XML.
Articol instant pentru WordPress
Articol instant pentru Drupal
Cu toate acestea, trimiterea manuală a conținutului este cea mai rapidă modalitate de a publica conținutul dvs. ca articol instant, mai ales în aceste etape timpurii.
5. Previzualizați articolul
Pentru a previzualiza conținutul pe care l-ați trimis, va trebui să instalați aplicația mobilă Facebook Page Manager. Articole instant este accesibil în Setări din bara de instrumente.
Facebook Page Manager pentru Android
Facebook Page Manager pentru iOS
6. Personalizați stilurile de conținut
Styling Articole instant este ușor de ușor, dar și restrictiv. Facebook oferă o interfață pentru a schimba unele componente ale articolului, cum ar fi familia fontului, culoarea fontului, logo-ul etc. Dacă ați creat un stil personalizat, asigurați-vă că numele stilului este potrivit cu valoarea stabilită în fb: article_style meta tag.
7. Așteptați rezultatele procesului de examinare
Procesul de revizuire poate dura până la trei zile - iar prezentarea dvs. ar putea să nu fie imediat acceptată. Pot apărea erori de cod sau probleme de stil care împiedică publicarea. Odată trebuia să reorganiz poziția antetului imaginii pe un articol, astfel încât să apară mai asemănătoare cu cea de pe site.
Cu toate acestea, odată ce ați fost aprobat, puteți continua să adăugați URL-ul feedului pentru a împinge automat conținutul la Articole instant.
Înfășurarea în sus
Articolele Facebook Instant prezintă câteva limitări care ar putea fi un obstacol pentru unele site-uri web. De exemplu, nu suportă pre element care este o etichetă obișnuită folosită în blogurile de dezvoltare pentru a face fragmente de cod. Articolele care conțin această etichetă sunt nevalide conform standardului Articole Instant. Din acest motiv singur s-ar putea să nu vedeți site-uri precum Envato Tuts + sau Smashing Magazine pe articolele Instant.
Acest lucru nu se referă chiar la "ar trebui" în toate acestea. După cum a declarat John Gruber, în mod special atunci când discutăm despre Google AMP:
"Dacă sunteți editor și paginile dvs. web nu se încarcă rapid, soluția sănătoasă este de a vă repara site-ul f *** king astfel încât paginile să se încarce repede, să nu vă aruncați mâinile în aer și să implementați AMP" John Gruber
Funcția noastră de dezvoltatori web devine din ce în ce mai mult în ceea ce privește menținerea conținutului compatibil pe diferite platforme, cum ar fi AMP, Articole Instant și dacă aveți noroc, de asemenea, Apple News (să nu mai menționăm cum fluxul de lucru din față sa schimbat drastic într- câțiva ani cu apariția de noi instrumente precum Webpack, React, Vue etc.)
Recent, dezvoltatorii au venit cu o nouă inițiativă creată de Progressive Web App (PWA). Pentru site-uri care nu sunt capabile să implementeze Articole Instant sau AMP, PWA ar putea fi o alternativă excelentă. Vom căuta în următorul tutorial, vă voi vedea acolo!
Accentsconagua
Share
Introduceți detalii și apăsați "Revendicați URL-ul"
