Site-urile de conținut care au pagini de articole cu o versiune pentru imprimare se confruntă cu problema aparițiilor duplicate, ceea ce este rău în ceea ce privește optimizarea motorului de căutare. În plus față de apariția duplicatelor de conținut, o pagină separată "tipărire" cheltuiește resursele botului de indexare, precum și resursele de server ale site-ului însuși, mai ales dacă există mii de pagini pe acesta.
1. Creați un link "Versiune imprimabilă"
Legăturii trebuie să i se atribuie un atribut de clasă sau de identitate, acesta va fi folosit ulterior pentru a atașa un handler de clicuri la acesta.
2. Marcați zona de imprimare
Utilizatorul nu este deloc interesat să tipărească o pagină cu toate elementele de design, navigație, bannere și blocuri suplimentare. Prin urmare, trebuie să marcați în codul HTML care element conține conținutul necesar pentru imprimare. Acest blog utilizează elementul DIV cu id = "articol".
Acest marcaj ne va ajuta să evidențiem și să tipărim numai conținutul dorit din dispozitivul de preluare a clicurilor.
3. Creați o funcție de imprimare
Acum trebuie să creați o funcție. Pentru a simplifica procesul, se recomandă utilizarea cadrului jQuery (aici este opțiunea jQuery), cu toate acestea, puteți adapta scriptul la alte biblioteci.
$ (document) .ready (funcția () <
$ ('a.print'). clic (funcția () <
var disp_setting = "bara de instrumente = da, locație = nu, directoare = da, menubar = da,";
disp_setting # 43; = "scrollbars = yes, width = 650, height = 600, left = 100, top = 25";
Să analizăm în detaliu elementele importante ale scenariului și setările posibile.
Această linie înseamnă că scriptul intern va fi inițializat după încărcarea paginii în browser. Cei care lucrează cu jQuery utilizează în mod constant acest design.
În această linie, găsim linkul nostru și definim funcția de imprimare pentru acesta. Dacă în locul linkului sunt folosite alte elemente ale codului, trebuie să setați această linie în mod corespunzător.
// ascunde excesiv
docprint.document.write (". post-vizualizări, .post-dată, .banner-top, .retweet-părinte, .sibscribe-form, .related, .print-link");
Aceste linii sunt de asemenea opționale, decodifică legăturile din text, astfel încât cei care citesc articolul din foaie, era clar unde se duc legăturile (și că acesta este, în general, un link, nu textul subliniat).
În acest rând, elementul selectat de noi (în acest caz, cu atributul id = "articol") este luat și tot conținutul său este plasat într-un document nou pentru imprimare ulterioară.
Un astfel de mecanism simplu vă va permite să "ucizi mai multe păsări cu o singură piatră", permițându-vă să tipăriți articole în mod convenabil cititorilor. În acest caz, nu-i pasă de conținut dublu sau de probleme de accesare cu crawlere. Vă recomandăm să utilizați această tehnică!
Apropo, puteți verifica modul în care funcționează metoda descrisă mai sus, chiar acum, făcând clic pe link-ul corespunzător de la sfârșitul articolului 🙂
SEO-analist, consultant. Întotdeauna conștient de noile tendințe pe piața SEO.
Sincer, am fost surprins. Toată viața mea prin Internet fac o versiune pentru imprimare prin css - pe toate site-urile mele (antetul, subsolul, bara laterală și alte excese pe ecran: nici unul). Eu pe această afacere în primele zile de muncă l-am prins pe viitorul șef - nu voia să creadă că este posibil. Mi-a certat bere. Am fost de acord să iau un tort. 🙂
Dar, recent, un client prost a venit peste el: el a cerut o versiune pentru imprimare cu toate meniurile și formele. Am făcut referire la un exemplu de site web străin. Ce cred oamenii?
Eu doar nu înțeleg, și aici de ieșire de documente pentru imprimare și SEO. Cum poate o astfel de concluzie să optimizeze documentul și să își sporească poziția în această problemă? Poate că nu înțeleg ceva?
@Zotoff: dacă versiunea tipărită este o pagină separată, se obține un dublu. Și motoarele de căutare nu le plac duplicate. În plus, referințele scurgând de pe urma acestei situații. Dacă faceți versiunea de imprimat din pagina curentă, duplicatul nu apare.
Bună ziua, mi se părea că codul poate fi ușor actualizat, deși nu poate fi atât de important
1. Folosiți metoda on, apoi aceasta este "$ ('a.print'). Faceți clic pe (funcția ()
$ ('A.print') Activat ('click') Functie ()
2. Mi se pare că este încă necesar să eliminați acțiunea implicită din eticheta de legătură a (utilizați preventDefault ()), deoarece se pare că este creată o fereastră și în fila următoare există o imprimare, cel puțin în Chrome.
Articole similare
-
Cum se creează un aspect al paginii web în programul din prima pagină
-
Gratuit pentru a vă crea antrenamentul cu un profesor individual
Trimiteți-le prietenilor: