Che cos'è il collegamento in html. Link visitati e elementi CSS prima e dopo

abbiamo rilasciato nuovo libro"Marketing dei contenuti in nei social network: Come entrare nella testa degli iscritti e innamorarsi del tuo brand."

Iscriviti a

Attrezzo Rifiuta link consente allo sviluppatore di specificare manualmente link esterno che dovrebbe essere indicizzato, che non dovrebbe. Diamo un'occhiata più da vicino a cosa è e perché è necessario.

Altri video sul nostro canale: impara il marketing su Internet con SEMANTICA

Quando è necessario rifiutare il collegamento?

Il numero di link rilevanti è classificato da Google come indicatore dell'affidabilità di un sito. Più è, meglio è.

A volte questo fatto influisce positivamente sulla promozione, a volte negativamente. Ad esempio, per "annegare" una risorsa, i concorrenti piazzano su un sito sospetto grande numero link ad esso. L'algoritmo Penguin di Google considererà ingiusto un sito che ha collegamenti "cattivi" e imporrà sanzioni. Posizioni in risultati di ricerca andrà giù e traffico in entrata diminuirà.

Il secondo esempio: durante l'ottimizzazione, è stato acquistato un numero eccessivo di collegamenti, inclusi quelli da risorse "cattive".

Per evitare le situazioni di cui sopra, ci sono i link di disconoscimento di Google. Se lo usi correttamente, puoi rimuovere le sanzioni dal sito. Il meccanismo di lavoro assomiglia a un file robots.txt, che impedisce l'indicizzazione delle pagine, Disavow Links è anche un elenco di pagine, ma quelle da cui i collegamenti esterni non dovrebbero essere presi in considerazione quando si classifica il sito.

Il CEO di Google Webspam Matt Cutts afferma che Disavow Links dovrebbe essere usato con cautela solo quando i link spam hanno iniziato a puntare a un sito web con cui il master non ha nulla a che fare.

Se il tuo sito è sotto il filtro Penguin e c'è motivo di credere che il tuo profilo di collegamento contenga collegamenti indesiderati, dovresti utilizzare Google Disavow Links.

Come utilizzare saggiamente i collegamenti di disconoscimento di Google

noi raccogliamo

Dovresti iniziare raccogliendo link. Il modo più conveniente è utilizzare lo Strumento per i Webmaster di Google.

Il risultato sarà un elenco con tutte le risorse che si collegano al sito. Questo elenco deve essere trasferito in un file di testo.

analizziamo

Consiglio: è meglio registrare tutte le azioni. In un'ulteriore richiesta di revisione a Google, puoi allegare un file con descrizione dettagliata analisi del profilo del collegamento e formazione di un elenco di indirizzi indesiderati.

Eliminare

Un'altra opzione è un collegamento naturale. In questo caso, dovrai concordare con il proprietario del portale per eliminarlo. Alcuni proprietari senza scrupoli potrebbero chiedere soldi per questo. Tali richieste dovrebbero essere ignorate e registrate nel file.

Utilizzo dei link di rifiuto

Se hai bisogno di trovare i link da rinnegare, seleziona il sito desiderato e carica un elenco con i link che devono essere reimpostati. Google non specifica un requisito per il nome del file, ma tutti i caratteri devono essere codificati ASCII a 7 bit o UTF-8.

Ecco un esempio di un file ben formato con un elenco di link di rifiuto:

#Indirizzi seguenti bisogno di rifiutare https://bad-resource.com/eng/links.php https://bad-resource.com/eng/get-rich.php # La richiesta inviata ha ricevuto una richiesta di pagamento 01/12/2017 dominio: cattiva-risorsa. com

Per utilizzare lo strumento Collegamenti da rinnegare, è necessario preparare l'Elenco da rinnegare discusso in precedenza.

Invio di una richiesta di revisione

È necessario inviare una lettera solo quando si comprende chiaramente che il sito è soggetto a sanzioni.

Il testo dovrebbe essere scritto specificamente e al punto. Non negare che collegamenti indesiderati puntassero alla risorsa. E la presenza di un file, che riflette il lavoro svolto per identificare i collegamenti "dannosi", aggiungerà assertività alla lettera.

Di norma, le sanzioni dal sito, se filtrate dall'algoritmo Penguin, vengono rimosse con un nuovo aggiornamento. Non ci sono date chiare: puoi aspettare una settimana o un mese.

Secondo Google, lo strumento Disavow Links dovrebbe essere utilizzato solo come ultima risorsa. A volte questo può portare a una diminuzione del rango del sito, a un deterioramento delle sue prestazioni. Tuttavia, se un sito è soggetto a sanzioni e non è possibile rimuovere da solo tutti i link negativi, Disavow Links può salvare la situazione.

I link possono essere suddivisi in due categorie:
collegamenti a risorse esterne- sono creati utilizzando un tag e sono utilizzati per espandere le capacità del documento corrente quando elaborato dal browser;
collegamenti ipertestuali- collegamenti ad altre risorse che l'utente può visitare o scaricare.

Come creare collegamenti ipertestuali sul sito

1. Struttura dei collegamenti

I collegamenti ipertestuali vengono creati utilizzando tag accoppiato... All'interno del tag c'è il testo che verrà visualizzato nella pagina web. Il testo del collegamento viene visualizzato nel browser con una sottolineatura, il colore del carattere è blu; quando si passa con il mouse sul collegamento, il cursore del mouse cambia aspetto.

Parametro tag richiesto è l'attributo href che specifica l'URL della pagina web.

puntatore di collegamento

Il collegamento ha due parti: puntatore e indirizzo parte. Puntatore di collegamentoè un pezzo di testo o un'immagine visibile all'utente. Indirizzo parte il link non è visibile all'utente, rappresenta l'indirizzo della risorsa alla quale si deve andare.

La parte dell'indirizzo del collegamento è costituita da URl. URl(Uniform Resource Locator) - un localizzatore di risorse uniforme. Quando si creano indirizzi per separare le parole l'una dall'altra, si consiglia di utilizzare un trattino anziché un carattere di sottolineatura. V vista generale URL nel seguente formato:

Metodo di accesso: // nome server: porta / percorso

Metodo di accesso, o protocollo, scambia dati tra workstation in reti diverse... I protocolli di trasferimento dati più comuni:

file legge il file dal disco locale:

File: /gallery/pictures/summer.html

http fornisce l'accesso a una pagina web utilizzando il protocollo HTTP:

http://site.ru/

https è un'implementazione speciale del protocollo HTTP che utilizza la crittografia (solitamente SSL o TLS)

Https://site.ru/

ftp effettua una richiesta al server FTP per un file:

Ftp: // pgu / directory / libreria

mailto avvia una sessione servizio postale con la destinazione e l'host specificati:

Posta: [e-mail protetta]

Nome del server descrive nome e cognome macchine sulla rete, ad esempio site.ru. Se il nome del server non è specificato, il collegamento è considerato locale, ad es. fa riferimento alla stessa macchina del documento HTML contenente il collegamento.

Numero porta TCP dove è in esecuzione il server web. Questo è un numero che deve essere specificato se il metodo richiede un numero di porta (i singoli server possono avere il proprio numero di porta distinto). Se non viene specificata alcuna porta, il valore predefinito è la porta 80. Porte standard sono:
21 - FTP
23 - Telnet
70 - Gopher
80 - HTTP

Sentiero contiene il nome della cartella in cui si trova il file.

2. Percorso assoluto e relativo

Quando in un collegamento viene specificato solo il nome di un file, il browser presuppone che il file si trovi nella stessa cartella del documento contenente il collegamento ipertestuale. In pratica, i siti web contengono centinaia di documenti che vengono pubblicati in cartelle separate per renderli più facili da gestire. Per collegarsi a un file al di fuori della cartella che contiene documento corrente, è necessario specificare la posizione o il percorso del file. L'HTML supporta due tipi di percorsi: assoluto e relativo.

Riso. 1. Un esempio di struttura di cartelle

2.1. percorso assoluto

percorso assoluto indica posizione esatta file all'interno dell'intera struttura di cartelle sul computer (server). Il percorso assoluto del file consente l'accesso al file da risorse di terze parti e contiene i seguenti componenti:
1) protocollo, ad esempio http (opzionale);
2) dominio ( Nome del dominio o l'indirizzo IP del computer);
3) folder (il nome della cartella che indica il percorso del file);
4) file (nome file).

Esistono due tipi di notazione assoluta del percorso, con e senza protocollo:

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

Se il file si trova nella cartella principale, il percorso del file sarà il seguente:

Http://site.ru/index.html

Se non è presente un nome file, verrà caricata la pagina Web, che è impostata di default nelle impostazioni del server Web (il cosiddetto file indice).

http://site.ru/

In genere, il file di indice è un documento denominato index.html. La presenza della barra finale / significa che l'indirizzo va alla cartella, se non è presente, direttamente al file.

2.2. Percorso relativo

Percorso relativo descrive il percorso del documento specificato rispetto a quello corrente. Il percorso è determinato in base alla posizione della pagina Web su cui si trova il collegamento. I collegamenti relativi vengono utilizzati per creare collegamenti ad altri documenti nello stesso sito. Quando il browser non trova nel link protocollo http: //, cerca detto documento sullo stesso server.

Un percorso relativo contiene i seguenti componenti:
1) cartella (il nome della cartella che indica il percorso del file);
2) file (nome file).

modo per link relativi ne ha tre designazioni speciali:
/ punta a root directory e dice che devi iniziare il percorso dalla directory root del documento e andare alla cartella successiva
./ indica la cartella corrente
../ vai su una cartella (directory)

La differenza principale tra un percorso relativo e assoluto è che percorso relativo non contiene il nome della cartella principale e delle cartelle principali, il che accorcia l'indirizzo e se ci si sposta da un dominio all'altro non è necessario registrare un nuovo indirizzo assoluto. Ma se una risorsa di terze parti si collegherà, ad esempio, alle tue immagini con indirizzi relativi quindi non appariranno sull'altro sito.

3. Ancore

ancore, o link interni, creano transizioni a diverse sezioni della pagina web corrente, consentendoti di navigare rapidamente tra le sezioni. Questo è molto utile quando c'è troppo testo sulla pagina. Anche i collegamenti interni vengono creati utilizzando il tag con la differenza che l'attributo href contiene il nome del puntatore - il cosiddetto ancora, non un indirizzo URL. Il segno # viene sempre posizionato prima del nome del puntatore.

02.10.16 730
link HTML viene utilizzato per collegare altre risorse utilizzate nel documento.

Tipi di collegamento

Esistono molti tipi di risorse a cui un documento può fare riferimento. Questo è fatto con parole chiave specificato nell'attributo della relazione ( rel). Dovrebbero essere usati nella sezione come metadati:

• alternato;
• autore;
• aiuto;
• icona;
• licenza;
• prossimo;
• prelettura;
• precedente;
• ricerca;
• foglio di stile.

Etichetta in HTML è inserito in e , sebbene sia più comune in come metadati. Etichetta può collegarsi a un collegamento ipertestuale tradizionale utilizzato per navigare o unire un documento risorse esterne come CSS e Javascript.

Alternato

Utilizzato per una presentazione alternativa di un documento HTML.

L'esempio seguente mostra due lingue alternative per di questo documento HTML in inglese - francese e spagnolo. L'attributo hreflang è usato per dire all'agente utente disponibile codice paese secondo ISO 639-1:

Un altro caso d'uso collegamento HTML rel offre tre diverse documenti di testo in inglese, francese e spagnolo:

Autore

Utilizzato per ottenere informazioni sull'autore. In genere, il collegamento ipertestuale conduce alla pagina dell'autore. V questo attributoè possibile specificare un solo tag

Infine, puoi aggiungere il meta tag dell'autore:

Aiuto

Consente di fornire assistenza ai visitatori della pagina. Un agente utente che supporta la guida può essere di due tipi: una scheda principale per la visualizzazione di un documento e un'altra per la visualizzazione della guida:

Icona

Questo Valore HTML link rel punta all'icona della pagina. Ci possono essere molte icone per rappresentare la pagina. Viene utilizzato quello più appropriato:

Licenza

Prossimo

Punta a pagina successiva nel documento HTML. Per motori di ricercaè molto utile sapere quale pagina è la prossima:

Precarica

Questo valore rel del collegamento HTML fornisce un suggerimento all'interprete per memorizzare nella cache la risorsa per accelerare il caricamento e l'elaborazione. Questo viene fatto quando lo sviluppatore sa per certo che le risorse utilizzate nella pagina saranno richieste:

Precedente

Determina la pagina precedente in un documento HTML. Utile per navigare tra le pagine.

Su Internet, è collegato tra loro da collegamenti ipertestuali. Quasi ogni transizione da una pagina all'altra comporta prima il clic su un collegamento specifico. Come si fa a dare a un visitatore del sito un segnale che ha già visitato la pagina a cui conduce un determinato link?

Ci sono molti metodi conosciuti per questo, ma qual è il più adatto? Collegamenti con codice colore? Sottolineare? Foto? Non dimenticare i daltonici, i computer tascabili e, naturalmente, non dimenticare i browser, o meglio un browser - l'asino preferito di tutti - Internet Explorer... La settima versione di questo browser che è apparsa può essere definita più impressionante: un asino. Ma questo argomento è per un articolo separato.

Quindi, iniziamo con Jacob Nielsen, un rinomato esperto di usabilità e semplicità. Riepilogo Vedi i suoi articoli sulle linee guida per la visualizzazione dei link:

Secondo lui, puoi evitare i caratteri di sottolineatura in Menu di navigazione sito e negli elenchi dei link. Allo stesso tempo, dovrebbe essere molto chiaro al visitatore quale ruolo giocano questi oggetti della pagina. Ad esempio, se usi il rosso e colori verdi poi è necessario sottolineare i collegamenti dovuti alle forme più comuni di daltonismo.

È necessario sottolineare anche se l'accessibilità del sito è una delle priorità. molte persone hanno problemi di vista.

Circa il 74% di tutti i siti utilizza la codifica a colori per i collegamenti visitati e non visitati. Questa è una buona tradizione di design a cui tutti sono abituati.

Il colore dei link non visitati dovrebbe essere più chiaro, più luminoso e più saturo del colore dei link visitati, che dovrebbe apparire più sbiadito e opaco. I due colori che distinguono un tipo di collegamento (che non si è aperto) da un altro tipo di collegamento (che è stato aperto in precedenza) devono essere una tonalità dello stesso colore. sfumature blu più di altri segnalano che questo è un collegamento.

Il metodo di Simon Collison è stato riconosciuto come uno dei metodi più pratici e originali. L'idea è abbastanza semplice e funziona bene per gli elenchi collegati. Nell'immagine, puoi vedere un segno di spunta che appare di fronte al link su cui il visitatore ha già cliccato o si trovava in precedenza nella pagina a cui conduce l'indirizzo del link. L'intero effetto è completamente creato quando Aiuto CSS, cioè. L'HTML della pagina rimane intatto. Se apporti alcune modifiche al codice CSS di Simon, questo metodo può essere applicato a collegamenti regolari che non sono nelle liste. Il CSS per questo metodo:

Ul (list-style-type: nessuno; padding: 3px;) li a (display: block; line-height: 150%; width: 239px; background: URL (ticks_grey.gif); text-decoration: nessuno;) li a: link, a: attivo (colore: # 666;) li a: hover (colore: # F33; posizione-sfondo: 0 -20px;) li a: visitato (posizione-sfondo: 0 -40px;)

Nel codice sopra scritto, il ruolo di segno di spunta è svolto da un'immagine (ticks_grety.gif), che si alza (di 20 o 40 pixel) a seconda dell'azione del visitatore (nello stato normale di un collegamento non visitato, l'immagine è invisibile).

In questo caso, il codice HTML della pagina sembra molto semplice:

Link visitati e elementi CSS prima e dopo

Internet Explorer rallenta l'uso diffuso degli pseudo-elementi di vecchia data: prima e: dopo, che svolgono idealmente la funzione necessaria per identificare i collegamenti visitati. Quasi tutto browser moderni supportare questi elementi.

Per gli pseudo-elementi: prima e: dopo, Mike Davidson (e diverse persone prima di lui) ha suggerito di utilizzare il segno della radice (radicale) invece del testo - una sorta di segno di spunta. Ma questa casella di controllo non è un'immagine, ma un carattere unicode (\ 221A), che appare dopo il collegamento, in cui c'era già un certo visitatore. Tutto il codice è anche nel file CSS e ha questo aspetto.

Compagni uomini, e in particolare - automobilisti, ho una domanda per voi: perché, passando da una bella ragazza (intendo me stesso, ovviamente), state suonando il clacson? All'inizio pensavo stessi suonando il clacson ad altre auto, ma questo succede anche quando non ci sono auto nelle vicinanze. Poi ho pensato che potevo sembrare un matto, senza pensare a niente, e così mi fai sapere, dicono "ehi, la macchina sta arrivando! Non provare a saltare sotto le ruote!", Ma suonano anche il clacson quando non sono così vicino alla strada... E infine, mi ha convinto il fatto che solo gli uomini suonano il clacson.
Quindi, in realtà, cos'è questa strana manifestazione di attenzione? O è un complimento come "b-beep, sei forte, continua così!"? È particolarmente divertente quando i camionisti suonano il clacson e spaventano Masha, che è sempre con me. È questo che c'è nella testa delle persone, eh?

È solo peggio quando alcuni stronzi stanno guidando e uno di loro sporge dal finestrino per gridare "ehi mamma sexy" o qualcosa del genere. Questo dovrebbe piacermi in qualche modo? Allora vai come cosparso di merda. Lo fanno semplicemente senza farlo o si aspettano qualche tipo di reazione da parte mia? E che tipo di reazione può esserci? Ovviamente, non sorriderò loro in risposta o urlerò loro dietro "grazie, ragazzi! Avete aumentato la mia autostima. Possiamo uscire insieme?"

Un'altra sottospecie di uomini che flirtano sono i dama. Questo è quando passi un uomo, di regola, piuttosto sgradevole, e lui ti guarda a bruciapelo, valutando, e allo stesso tempo si tocca nell'area del pene, come per controllare se tutto è a posto o già, il kayuk. Anche qui mi chiedo che tipo di messaggio è questo? Forse è un segnale segreto che significa qualcosa come "mmmm, sei così forte! Vederti mi fa venire voglia di toccarmi qui". Anche se potrebbe essere qualcosa del tipo: "mmmmm, sei così forte! Per caso non lo sai buon rimedio dal prurito all'inguine? e poi solo uno di questi giorni l'ho messo su un maramoyka, quindi ora la coppia prude, cagna, non so cosa fare. "E quindi vai a chiederti cosa vuole dire con questo?)

La costruzione è in corso sulla nostra strada da quasi un anno. Abbiamo costruito tre case private e stiamo attualmente finendo, posando piastrelle sui terreni, ecc. Tutte e tre le case hanno gli stessi lavoratori e ce n'è uno speciale tra loro. Non so come si chiama (e non mi interessa, in generale), ma l'ho chiamato Kruglik. L'altezza di Kruglik è di circa un metro sette, la circonferenza è circa la stessa. Ogni volta che mi vede da lontano, Kruglik si assegna arbitrariamente una pausa. E devo andare al negozio di cupcakes sotto lo sguardo di un giovanotto. Forse se fossi l'unico vecchia versione Katya, che una volta aveva 19 anni ed era single, includevo nella mia testa la canzone di Beyoncé "Crazy in Love" e sotto la strada "tam-tarata-ta-ta-taaam tarata-ta-ta-taaam", al finisci di dare al poveretto uno sguardo "non tuo". Ma poiché i tempi sono cambiati, come la stessa Katya, ora tali opinioni maschili, francamente, mi mettono a dura prova.

La cosa più strana è che quando lo saluto, a volte annuisce, ma più spesso si limita a sospirare pesantemente. Non riesco proprio a capirlo: da persona educata, è un così "buon pomeriggio", e mi guarda e "ufffff". Forse che dialetto è il rumeno? Dick lo conosce.