Kuinka lisätä hyperlinkkejä WordPressiin ominaisuuksien avulla?

WordPress esitteli Gutenbergin lohkoeditorin version 5.0 kanssa. Sen avulla voit lisätä nopeasti hyperlinkkejä, jotka muistuttavat edellisen klassisen editorin käyttöliittymää. Lisäksi voit helposti lisätä linkin määritteitä, kuten sponsoroituja ja nofollow Gutenberg -editorissa. Tässä artikkelissa kerromme, kuinka lisätä hyperlinkkejä WordPressiin määritteillä.

Aiheeseen liittyviä: Kuinka lisätä hyperlinkkejä Weeblyyn?

Lisää hyperlinkkejä WordPressiin

Voit lisätä linkkejä tekstiin ja kuviin editorissa eri menetelmillä.

• Kopioi liitä Microsoft Wordista ja muista Rich Text Editorista
• Lisää tekstilinkkejä
• Lisää linkkejä kuviin
• Linkkien käyttäminen painikkeissa
• Linkkien lisääminen taulukkoon

Kopioi liitä tekstieditorista

Monet meistä valmistavat sisältöä monipuolisissa tekstieditorissa, kuten Microsoft Wordissa tai Apple Pagesissa. Tämä on helppo tapa valmistaa sisältöä offline -tilassa ja liittää editoriin nopeasti. Sekä klassiset että Gutenbergin toimittajat säilyttävät muotoilun ja pitävät otsikot ja hyperlinkit kuten olet luonut offline -tilassa. On kuitenkin vähän ongelmia, että kuvat poistetaan perinteisessä editorissa ja korvataan paikkamerkillä Gutenbergissä. Lisäksi et voi lisätä linkkeihin määritteitä, kuten nofollow.

Lisää tekstilinkkejä WordPressiin

Koska klassinen editori on siirtymässä pois, selitämme linkkien lisäämisen Gutenberg -editorilla. Voit lisätä linkin mihin tahansa tekstielementtiin, kuten kappaleeseen ja otsikkoon. Kun olet editorissa, napsauta + -kuvaketta ja lisää kappalekappale.

Lisää kappalelohko

Vaihtoehtoisesti voit aloittaa kirjoittamisen suoraan, koska kappalelohko on oletusarvoisesti käytettävissä editorissa. Kun kappalekappaleen sisällä on tekstiä, valitse teksti, johon haluat lisätä hyperlinkin.

Napsauta hyperlinkin kuvaketta lohkon yläreunan työkalurivillä. Näet työkaluvihjeen, jossa sinua pyydetään liittämään URL -osoite tai kirjoittamaan hakuun. Voit lisätä minkä tahansa ulkoisen linkin tekstikenttään ja paina Enter -näppäintä tai nuolikuvaketta.

Kirjoita ulkoinen linkki

Tämä lisää hyperlinkin kappaleesi valittuun tekstiin. Jos haluat lisätä linkin sivustossasi jo olevasta artikkelista, kirjoita avainsana tekstikenttään.

Valitse Linkki olemassa oleva artikkeli

WordPress alkaa tehdä Ajax -hakua ja näyttää avainsanoillesi sopivan viestiluettelon. Valitse linkki ja napsauta Enter -kuvaketta lisätäksesi linkin olemassa olevaan artikkeliin.

Hyperlinkin poistaminen tai muuttaminen

Kun haluat poistaa linkin, napsauta vain hyperlinkitettyä tekstiä. Tämä korostaa linkkikuvakkeen eri tavalla, kuten ketjun katkaisemisen. Poista linkki tekstistä napsauttamalla kuvaketta.

Poista tai muokkaa linkkiä

Voit muuttaa hyperlinkin napsauttamalla kynäkuvaketta ja noudattamalla samaa yllä olevaa prosessia.

SEO -tarjous: Optimoi sivustosi Semrush Pro -sovelluksen 14 päivän ilmaisella kokeilujaksolla.

Määritteiden lisääminen hyperlinkkeihin

Se on hyvä idea lisätä "rel =" -attribuutti, joka osoittaa linkin tyypin SEO -tarkoituksia varten. Esimerkiksi Googlen ohjeiden mukaan sinun on tunnistettava linkit "rel = sponsored", jos julkaiset sponsoroidun linkin. Napsauta linkin ponnahdusikkunan pientä alas osoittavaa nuolikuvaketta nähdäksesi ominaisuusvaihtoehdot.

Lisää attribuutteja tekstilinkkeihin

• Avaa uudessa välilehdessä – ota tämä käyttöön, jos haluat avata linkin uuteen ikkunaan. Tämä lisää "target = _blank" -määritteen linkkitagiin.
• Nofollow – käytä tätä tehdäksesi linkistä nofollow, jotta hakukoneet sivuuttavat linkin. Tämä lisää "rel =" nofollow "-määritteen linkkitagiin.
• Sponsoroitu – käytä tätä, kun lisäät sponsoriesi maksamia linkkejä. Tämä lisää "rel = sponsored" -määritteen linkkitagiin.

Näet taustakoodin napsauttamalla kolmen pisteen asetuspainiketta ja valitsemalla "Muokkaa HTML -muodossa".

Muokkaa HTML -koodina nähdäksesi koodin

Koodi näyttää seuraavanlaiselta. Kuten näette, WordPress lisää kaksi muuta määritettä automaattisesti.

Hyperlinkkien lähdekoodi WordPressissä

• Aria-label = "(avaa uudella välilehdellä)”-tämä on näytönlukuohjelman osoittamaan, että linkki avataan uudella välilehdellä. WordPress lisää tämän saavutettavuustarkoituksiin, kun valitset "Avaa uudella välilehdellä" -vaihtoehdon.
• Rel = “noreferrer noopener” – WordPress lisää nämä määritteet automaattisesti, kun avaat uuden ikkunan. Turvallisuussyistä linkin seuranta poistetaan käytöstä, kun avaat linkin uudessa selainikkunassa tai -välilehdellä.

Voit palata visuaaliseen tilaan napsauttamalla uudelleen kolmen pisteen asetuksia ja valitsemalla Muokkaa visuaalisesti.

Huomaa, että voit lisätä linkkejä tekstin elementtiin kappaleen, otsikon tai luettelolohkon sisällä.

Hyperlinkkien lisääminen kuviin

Nyt kun tiedät kuinka lisätä linkin tekstiin, WordPressin avulla voit lisätä linkkejä myös kuviin. Lisää ensin kuva viestiisi käyttämällä "Kuva" -lohkoa. Napsauta kuvaa ja sitten linkkikuvaketta.

Lisää linkki kuvaan WordPressissä

Sinulla on kaikki vaihtoehdot, jotka ovat samanlaisia ​​kuin tekstilinkin lisääminen.

• Liitä ulkoinen linkki ruutuun ja paina enter.
• Kirjoita hakusana ja lisää olemassa oleva sisäinen linkki sivustoosi kirjoittamalla avainsana.
• Valitse “Mediatiedosto”, jos haluat lisätä linkin kuvatiedostoon.
• Valitse “Liitesivu”, jos haluat lisätä kuvan liitetiedoston linkin kuvaan.

Kun olet lisännyt hyperlinkin kuvaan, napsauta uudelleen linkkikuvaketta ja sitten pientä alanuolta. Nyt voit nähdä muita määritteitä, joiden avulla voit asettaa linkin avautumaan uudelle välilehdelle ja lisätä "rel" -määritteitä. Voit kirjoittaa linkin nofollow ja sponsoroituksi kirjoittamalla nofollow sponsoroituun “Link Rel” -ruutuun.

Lisää linkin määritteet kuvaan

Lisää linkkejä painikkeeseen

Kun olet lisännyt painikelohkon sivullesi, napsauta linkkikuvaketta. Voit lisätä ulkoisen tai etsiä sisäistä linkkiä, joka muistuttaa tekstiä ja kuvaa.

Lisää linkki painikkeeseen

Nappilohkossa on määritteet sivupalkissa. Valitse painike ja katso oikean sivupalkin "Estä" -osiosta. Täällä voit asettaa määritteet avautumaan uuteen ikkunaan tai lisätä rel -määritteitä. Kuten näette, "Avaa uudessa välilehdessä" -vaihtoehto on käytettävissä sekä lohkon alla että sivupalkissa.

Opi WordPress: Tutustu yli 400 ilmaiseen WordPress -opetusohjelmaan.

Lisää linkit Gutenbergin taulukkoon

Samoin kuin teksti- ja kuvaelementtejä, voit myös lisätä linkkejä sisältöön Gutenbergin taulukon sisällä .

• Tekstilinkki – valitse teksti ja lisää linkki yllä kuvatulla tavalla.
• Kuvalinkki – napsauta työkalurivin pientä nuolta ja valitse "Inline Image". Tämä avaa "Mediakirjasto" valitaksesi ja lisätäksesi kuvan taulukon soluun. Lisää hyperlinkki napsauttamalla kuvaa ja sitten linkkikuvaketta.

Lisää linkki Gutenberg -taulukkoon

Pikanäppäimet linkin lisäämiseksi

WordPressin avulla voit lisätä ja poistaa linkkejä helposti pikanäppäimillä.

Pikakuvake	Toiminto
Komento + K.	Lisää linkki Maciin
Vaihto + Komento + K	Poista linkki Macista
Control + K	Lisää linkki Windows -tietokoneeseen
Vaihto + Control + K	Poista linkki Windows -tietokoneesta

Huomautus: Teema voi vaikuttaa linkkien asetuksiin Gutenberg -editorissa. Näet esimerkiksi “Muokkaa” -painikkeen kynäkuvakkeen sijasta, eikä vaihtoehtoa lisätä nofollow / sponsoroituja määritteitä. Paras tapa on tarkistaa oletusarvoinen WordPress -teema ja ottaa yhteyttä teeman kehittäjään, jos menetät vaihtoehtoja. Voit joka tapauksessa lisätä linkin määritteitä lähde -HTML: ään vaihtamalla Muokkaa HTML: ksi -näkymän tai siirtymällä "Koodieditoriin".