Cum se configurează smartphone-uri și PC-uri. Portal informativ
  • Acasă
  • Windows Phone
  • Ce este linkul în html. Link-uri vizitate și înainte și după elementele CSS

Ce este linkul în html. Link-uri vizitate și înainte și după elementele CSS

Am eliberat carte noua„Marketingul de conținut în în rețelele sociale: Cum să intri în capul abonaților tăi și să-i faci să se îndrăgostească de marca ta.”

Abonati-va

Instrument Dezavuare link-uri permite dezvoltatorului să specifice manual linkuri externe, care ar trebui indexat, care nu ar trebui. Să aruncăm o privire mai atentă la ce este și de ce este nevoie.

Mai multe videoclipuri pe canalul nostru - învață marketingul pe internet cu SEMANTICA

Când este necesar să dezavuezi link-urile?

Numărul de link-uri relevante este evaluat de Google ca un indicator al fiabilității site-ului. Cu cât sunt mai multe, cu atât mai bine.

Uneori acest fapt are un efect pozitiv asupra promovării, uneori are un efect negativ. De exemplu, pentru a „îneca” o resursă, concurenții au postat pe un site suspect număr mare link-uri către acesta. Algoritmul Google Penguin va lua în considerare site-ul către care link-urile „rele” duc la neloiale și va impune sancțiuni. Poziții în rezultatele cautarii va coborî şi trafic de intrare va scadea.

Al doilea exemplu este că în timpul optimizării au fost achiziționate un număr excesiv de link-uri, inclusiv pe resurse „proaste”.

Pentru a evita situațiile descrise mai sus, există Google Disavow Links. Dacă îl folosești corect, poți elimina sancțiunile de pe site. Mecanismul de funcționare amintește de fișierul robots.txt, care blochează indexarea paginilor.Disavow Links este și o listă de pagini, dar cele din care nu trebuie luate în considerare link-urile externe la clasarea site-ului.

Șeful Google Webspam, Matt Cutts, spune că Disavow Links trebuie folosit cu atenție, doar într-o situație în care linkurile spam au început să indice un site cu care masterul nu are nicio legătură.

Dacă site-ul dvs. este supus unui filtru Penguin și aveți motive să credeți că profilul dvs. de link conține link-uri nedorite, ar trebui să utilizați Google Disavow Links.

Cum să utilizați Google Disavow Links cu înțelepciune

Colectăm

Ar trebui să începeți prin a colecta link-uri. Cel mai convenabil va fi să utilizați Instrumentul Google pentru webmasteri.


Rezultatul va fi o listă cu toate resursele care fac link către site. Această listă trebuie transferată într-un fișier text.

Analizand

Sfat: este mai bine să înregistrați toate acțiunile. Într-o cerere viitoare de revizuire către Google, puteți atașa un fișier cu descriere detaliata analiza profilului de link și crearea unei liste de adrese nedorite.

Șterge

O altă opțiune este o legătură naturală. În acest caz, va trebui să negociați cu proprietarul portalului despre ștergere. Unii proprietari fără scrupule pot cere bani pentru asta. Astfel de solicitări ar trebui ignorate și înregistrate în dosar.

Folosind link-uri Dezavow

Trebuie să găsiți Link-uri dezavouate, să selectați site-ul dorit și să descărcați o listă de link-uri care trebuie resetate. Google nu are cerințe pentru numele fișierului, dar toate caracterele trebuie să fie în codificare ASCII sau UTF-8 pe 7 biți.

Iată un exemplu de fișier compilat corect cu o listă de link-uri de abatere:

#Următoarele adrese trebuie respins https://bad-resource.com/eng/links.php https://bad-resource.com/eng/get-rich.php #Solicitarea trimisă a primit o cerere de plată 01/12/2017 domeniul : bad-resource. com

Pentru a utiliza instrumentul Disavow Links, trebuie să pregătiți lista de ștergere discutată mai devreme.

Trimiterea unei cereri de revizuire

Trebuie să trimiteți o scrisoare numai atunci când înțelegeți clar că site-ul este sancționat.

Textul trebuie scris specific și la obiect. Nu nega că linkurile nedorite au indicat resursă. Iar prezența unui fișier care reflectă munca depusă pentru a identifica link-urile „dăunătoare” va adăuga o confirmare la scrisoare.

De regulă, sancțiunile pe un site dacă este filtrat de algoritmul Penguin sunt eliminate cu o nouă actualizare. Nu există date clare - puteți aștepta o săptămână sau o lună.

Potrivit Google, instrumentul Disavow Links ar trebui folosit doar ca ultimă soluție. Uneori, acest lucru poate duce la un rang mai scăzut al site-ului și la o deteriorare a performanței acestuia. Cu toate acestea, dacă site-ul a fost sancționat și nu există nicio modalitate de a elimina singur toate link-urile negative, Linkurile de dezavuare pot salva situația.

Linkurile pot fi împărțite în două categorii:
link-uri către resurse externe— sunt create folosind o etichetă și sunt folosite pentru a extinde capacitățile documentului curent atunci când este procesat de browser;
hyperlinkuri— link-uri către alte resurse pe care utilizatorul le poate vizita sau descărca.

Cum să faci hyperlink-uri pe un site web

1. Structura legăturii

Hyperlinkurile sunt create folosind pereche de etichete. Textul care va fi afișat pe pagina web este plasat în interiorul etichetei. Textul linkului este afișat în browser subliniat, culoarea fontului este albastră, iar când treceți cu mouse-ul peste link, cursorul mouse-ului își schimbă aspectul.

Parametru de etichetă obligatoriu este atributul href, care specifică adresa URL a paginii web.

index de legături

Legătura constă din două părți − indicatorȘi parte adresa. Index de legături este o bucată de text sau imagine vizibilă utilizatorului. Partea adresa Linkul nu este vizibil pentru utilizator; el reprezintă adresa resursei la care trebuie să mergeți.

Partea de adresă a linkului este formată din URL. URL(Uniform Resource Locator) - adresa uniformă a resursei. Când creați adrese, este recomandat să folosiți o cratimă mai degrabă decât o liniuță de subliniere pentru a separa cuvintele. ÎN vedere generala URL având următorul format:

Metoda de acces://nume server:port/cale

Metoda de acces, sau protocol, schimbă date între stațiile de lucru în rețele diferite. Cele mai comune protocoale de transfer de date:

fișierul oferă citirea unui fișier de pe discul local:

Fișier:/gallery/pictures/summer.html

http oferă acces la o pagină web folosind protocolul HTTP:

http://site.ru/

https este o implementare specială a protocolului HTTP care utilizează criptare (de obicei SSL sau TLS)

https://site.ru/

ftp face o cerere către serverul FTP pentru a primi un fișier:

Ftp://pgu/directory/library

mailto începe o sesiune serviciu poștal cu destinația și gazda specificate:

Mailto: [email protected]

Numele serverului descrie Numele complet mașini din rețea, de exemplu, site.ru. Dacă numele serverului nu este specificat, atunci legătura este considerată locală, adică. este pe aceeași mașină cu documentul HTML care conține linkul.

Numărul portului TCP, pe care funcționează serverul web. Acesta este un număr care trebuie specificat dacă metoda necesită un număr de port (serverele individuale pot avea propriul număr de port distinctiv). Dacă nu este specificat niciun port, portul 80 este utilizat în mod implicit. Porturi standard sunt:
21 - FTP
23 - Telnet
70 - Gopher
80 - HTTP

cale conține numele folderului în care se află fișierul.

2. Calea absolută și relativă

Când un link specifică doar un nume de fișier, browserul presupune că fișierul se află în același folder cu documentul care conține hyperlinkul. În practică, site-urile web conțin sute de documente pe care sunt postate foldere separate pentru a le face mai ușor de gestionat. Pentru a crea un link către un fișier în afara folderului care conține documentul curent, trebuie să specificați locația sau calea fișierului. HTML acceptă două tipuri de căi: absolută și relativă.

Orez. 1. Exemplu de structură de foldere

2.1. Calea absolută

Calea absolută indica locatie exacta fișier în întreaga structură de foldere de pe computer (server). Calea absolută către fișier oferă acces la fișier din resurse terță parte și conține următoarele componente:
1) protocol, de exemplu, http (opțional);
2) domeniu ( Numele domeniului sau adresa IP a computerului);
3) folder (numele folderului indicând calea către fișier);
4) fișier (nume fișier).

Există două tipuri de notație absolută a căii: cu și fără indicație de protocol:

Http://site.ru/pages/tips/tips1.html //site.ru/pages/tips/tips1.html

Dacă fișierul se află în folderul rădăcină, atunci calea către fișier va fi următoarea:

http://site.ru/index.html

Dacă nu există un nume de fișier, pagina web care este setată implicit în setările serverului web va fi încărcată (așa-numitul fișier index).

http://site.ru/

De obicei, fișierul index este un document numit index.html. Prezența unei slash / înseamnă că accesul se duce la folder; dacă nu este acolo, se duce direct la fișier.

2.2. Calea relativă

Calea relativă descrie calea către documentul specificat în raport cu cel curent. Calea este determinată în funcție de locația paginii web pe care se află linkul. Legăturile relative sunt folosite atunci când se creează link-uri către alte documente de pe același site. Când browserul nu găsește linkul protocol http:// , caută documentul specificat pe acelasi server.

O cale relativă conține următoarele componente:
1) folder (numele folderului care indică calea către fișier);
2) fișier (nume fișier).

Calea pentru legături relative are trei denumiri speciale:
/ arata spre directorul rădăcinăși spune că trebuie să porniți calea din directorul rădăcină a documentului și să mergeți în următorul folder
./ indică folderul curent
../ urca un folder (director)

Principala diferență dintre o cale relativă și o cale absolută este aceea că cale relativă nu conține numele folderului rădăcină și folderelor părinte, ceea ce face adresa mai scurtă, iar dacă vă mutați de la un domeniu la altul, nu este nevoie să introduceți o nouă adresă absolută. Dar dacă o resursă terță parte se leagă, de exemplu, la imaginile dvs. de la adrese relative, atunci acestea nu vor fi afișate pe alt site.

3. Ancore

Ancore, sau link-uri interne, creează tranziții către diferite secțiuni ale paginii web curente, permițându-vă să vă deplasați rapid între secțiuni. Acest lucru se dovedește a fi foarte convenabil atunci când există prea mult text pe pagină. Link-urile interne sunt create și folosind eticheta cu diferența că atributul href conține numele pointerului – așa-numitul ancoră, nu adresa URL. Numele indicatorului este întotdeauna precedat de semnul #.

02.10.16 730
link HTML este folosit pentru a lega alte resurse utilizate în document.

Tipuri de link-uri

Există multe tipuri de resurse la care un document se poate conecta. Acest lucru se face folosind Cuvinte cheie specificat în atributul relației ( rel). Ele ar trebui folosite în secțiune ca metadate:

  • alternativ;
  • autor;
  • Ajutor ;
  • icoana;
  • licență ;
  • Următorul ;
  • preluare;
  • prev ;
  • căutare ;
  • foaia de stil

Etichetă în HTML plasat în Și , deși este mai frecventă în ca metadate. Etichetă se poate referi la un hyperlink tradițional folosit pentru a naviga sau atașat la un document resurse externe, cum ar fi CSS și Javascript.

Alterna

Folosit pentru o reprezentare alternativă a unui document HTML.

Exemplul de mai jos arată două limbi alternative Pentru a acestui document HTML în engleză - franceză și spaniolă. Atributul hreflang este folosit pentru a spune agentului utilizator care Codul de țară ISO 639-1:

Un alt exemplu de utilizare link HTML rel oferă trei diferite document textîn engleză, franceză și spaniolă:

Autor

Folosit pentru a obține informații despre autor. De obicei, hyperlinkul duce la pagina autorului. ÎN atribut dat poate fi specificată o singură etichetă

În cele din urmă, puteți adăuga metaeticheta autorului:

Ajutor

Vă permite să oferiți asistență vizitatorilor paginii. Un agent de utilizator care acceptă ajutor poate avea două vizualizări - o filă principală pentru afișarea documentului și alta pentru afișarea ajutorului:

Pictogramă

Acest valoare HTML link rel indică către pictograma pagină. Pot exista multe pictograme reprezentând o pagină. Se folosește cel mai potrivit:

Licență

Următorul

Arata spre pagina următoareîn documentul HTML. Pentru motoare de căutare Este destul de util să știi ce pagină urmează:

Preluare

Această valoare rel a link-ului HTML oferă un indiciu agentului utilizator că ar trebui să memoreze în cache resursa pentru a accelera încărcarea și procesarea. Acest lucru se face atunci când dezvoltatorul știe sigur că resursele folosite pe pagină vor fi solicitate:

Prev

Definește pagina anterioară într-un document HTML. Util pentru navigarea paginii.

Tot ce este pe Internet este conectat unul la altul prin hyperlink-uri. Aproape fiecare tranziție de la o pagină la alta implică mai întâi să faceți clic pe un anumit link. Cum să dai unui vizitator al site-ului un semnal că a vizitat deja pagina către care duce un anumit link?

Există destul de multe metode pentru aceasta, dar care este cea mai potrivită? Definiția culorii link-urilor? Subliniere? Imagine? Nu uitați de daltonii, de computerele portabile și, bineînțeles, nu uitați de browsere, sau mai degrabă de browser - măgarul preferat al tuturor - Internet Explorer. A șaptea versiune a acestui browser care a apărut poate fi numită acum mai impresionant - un măgar. Dar acesta este un subiect pentru un articol separat.

Deci, să începem cu Jakob Nielsen, un expert recunoscut în comoditate și simplitate. rezumat articolele sale despre vizualizarea link-urilor (Orientări pentru vizualizarea link-urilor):

Potrivit lui, poți evita sublinierea în meniu de navigatie site și în liste de link-uri. În același timp, ar trebui să fie extrem de clar pentru vizitator ce rol joacă aceste obiecte din pagină. De exemplu, dacă folosiți roșu și culori verzi, atunci este necesară sublinierea referințelor din cauza celor mai comune forme de daltonism.

Sublinierea este necesară și dacă accesibilitatea site-ului este una dintre priorități, deoarece Mulți oameni au o vedere slabă.

Aproximativ 74% din toate site-urile web folosesc culoarea pentru a identifica link-urile vizitate și nevizitate. Aceasta este o tradiție bună de design cu care toată lumea este obișnuită.

Culoarea link-urilor nevizitate ar trebui să fie mai clară, mai strălucitoare și mai saturată decât culoarea link-urilor vizitate, care ar trebui să pară mai spălată și plictisitoare. Cele doua culori care diferentiaza un tip de link (care nu a fost deschis) de un alt tip de link (care a fost deschis anterior) trebuie sa fie o nuanta de aceeasi culoare. Nuanțe culoarea albastra mai mult decât alții semnalează că aceasta este o legătură.

Metoda lui Simon Collison a fost recunoscută drept una dintre cele mai practice și originale metode. Ideea este destul de simplă și funcționează bine pentru listele cu link-uri. În imagine puteți vedea o bifă care apare vizavi de linkul pe care vizitatorul a făcut deja clic sau pe care a fost anterior pe pagina la care duce adresa linkului. Întregul efect este creat în întregime de Ajutor CSS, adică Codul HTML al paginii rămâne neatins. Dacă faceți unele modificări codului CSS al lui Simon, această metodă poate fi aplicată link-uri regulate, care nu sunt în liste. Codul CSS pentru această metodă este:

Ul ( list-style-type:none; padding:3px; ) li a ( display:block; line-height:150%; width:239px; background:URL(ticks_grey.gif); text-decoration:none; ) li a:link, a:activ (color:#666; ) li a:hover (color:#F33; background-position: 0 -20px; ) li a:visited (background-position: 0 -40px; )

În codul scris mai sus, rolul unei bifă este jucat de o imagine (ticks_grety.gif), care se ridică (cu 20 sau 40 pixeli) în funcție de acțiunea vizitatorului (în starea normală a unui link nevizitat, imaginea este invizibil).

În acest caz, codul HTML al paginii pare foarte simplu:

Link-uri vizitate și înainte și după elementele CSS

Internet Explorer inhibă utilizarea pe scară largă a pseudo-elementelor:înainte și:după, care îndeplinesc în mod ideal funcția necesară de identificare a legăturilor vizitate. Aproape tot browsere moderne susține aceste elemente.

Pentru pseudo-elemente:before și:after, Mike Davidson (și mai mulți oameni înaintea lui) a sugerat folosirea unui radical (un fel de bifă) în loc de text. Dar această bifă nu este o imagine, ci un simbol unicode (\221A), care apare după un link la care a fost deja un anumit vizitator. Tot codul se află și în fișierul CSS și arată astfel.

Tovarăși, și mai precis șoferiștii, am o întrebare pentru voi: de ce, când conduc pe lângă o fată drăguță (vorbesc despre mine, desigur), claxonați? La început am crezut că claxonezi la alte mașini, dar asta se întâmplă chiar și atunci când nu sunt mașini în apropiere. Apoi m-am gândit că poate arăt ca un nebun care nu înțelege nimic, și în felul ăsta îmi spui, de genul, „hei, vine o mașină! Nu îndrăzni să sari în fața roților!” , dar claxonează chiar și când nu sunt atât de aproape de drum . Și, în sfârșit, m-a convins faptul că doar bărbații claxonează.
Deci, ce este mai exact această manifestare ciudată a atenției? Sau este un compliment, de genul „bip, ești grozav, ține-o tot așa!”? Este deosebit de distractiv când șoferii de camion claxonează și o sperie pe Masha, care este mereu cu mine. Asta e în capul oamenilor, nu?

Singurul lucru mai rău de atât este când niște nenorociți conduc și unul dintre ei se aplecă pe geam să strige „hei, sexy mom” sau ceva de genul. Ar trebui să mă facă fericit cumva? Apoi pleci acoperit de rahat. Fac asta fără niciun motiv sau se așteaptă la un fel de reacție de la mine? Ce fel de reacție ar putea fi? Evident, nu le voi zâmbi înapoi și nu le voi striga după ei: „Vă mulțumesc, băieți! Mi-ați crescut stima de sine. Poate că putem sta împreună?”

Un alt subtip de bărbați care flirtează - am verificat. Acesta este momentul în care treci pe lângă un tip, de obicei destul de neplăcut, și el se uită direct la tine, apreciativ și, în același timp, se atinge în zona penisului, de parcă ar verifica dacă totul este la locul său sau deja. , kayuk. Și aici, mă întreb ce fel de mesaj este acesta? Poate că acesta este un semnal secret care înseamnă ceva de genul „mmmm, ești atât de tare! Văzându-te mă face să vreau să mă ating chiar aici.” Deși poate ceva de genul: „mmmmm, ești atât de tare! Se întâmplă să știi bun remediu de la mâncărime în zona inghinală? și apoi zilele trecute l-am lipit de una dintre maramoykas, așa că acum cuplul mă mâncărime, cățea, nu știu ce să fac.” Și așa că te duci și te întrebi ce vrea să spună prin asta?)

Pe strada noastră se lucrează de aproape un an. Am construit trei case private și acum le finisăm, punem gresie pe parcele etc. Aceiași muncitori lucrează la toate cele trei case și există una specială printre ele. Nu știu cum îl cheamă (și nu-mi pasă, în general), dar l-am numit Kruglik. Înălțimea lui Kruglik este de aproximativ șapte metri, iar circumferința lui este aproximativ aceeași. De fiecare dată când mă vede de departe, Kruglik își programează în mod arbitrar o pauză. Și trebuie să merg la magazin pentru cupcakes sub privirea unui tânăr. Poate dacă eu aș fi acela versiunea anterioara Pentru Katya, care avea odată 19 ani și era necăsătorită, mi-aș fi dat drumul în cap melodia lui Beyoncé „Crazy in Love” și aș fi început să merg pe stradă, la final, i-aș fi dat bietului tip „nu al tău”. Dar, din moment ce vremurile s-au schimbat, la fel ca și Katya, acum, astfel de opinii masculine, sincer vorbind, mă deranjează.

Cel mai ciudat lucru este că atunci când îl salut, uneori dă din cap, dar de cele mai multe ori doar oftă din greu. Nu pot să înțeleg deloc acest lucru: eu, ca persoană educată, îi spun „bună ziua”, iar el se uită la mine și „uffffff”. Poate un fel de dialect românesc? Dick îl cunoaște.

Cele mai bune articole pe această temă