Jak zrobi膰 i wstawi膰 link do strony w html?

Od pocz膮tku dzia艂ania sieci i stron internetowych linki mia艂y niebagatelne znaczenie. Mimo up艂ywu lat wiele si臋 nie zmieni艂o. R贸偶nica g艂贸wnie polega na miejscach i sposobie generowania odno艣nik贸w. Dlatego, ze wzgl臋du na coraz wi臋ksz膮 ilo艣膰 mo偶liwo艣ci i medi贸w gdzie mo偶na si臋 odnosi膰 do danej witryny pojawiaj膮 si臋 nowe pytania dotycz膮ce sposob贸w linkowania w kontek艣cie jak je dodawa膰, a tak偶e gdzie i dlaczego.

W aspekcie jak dodawa膰 odno艣niki do swojej witryny lub innych pokrewnych powsta艂 ten wpis. W kolejnych akapitach postaram si臋 odpowiedzie膰 maksymalnie og贸lnie czym s膮 linki o jak je dystrybuowa膰 (dodawa膰) w r贸偶nych miejscach sieci. Natomiast pytania postawione w dalszej cz臋艣ci zosta艂y obrane na bazie danych z takich narz臋dzi jak Senuto czy Answer the Public. Zapraszam do lektury, kt贸ra mam nadziej臋 pomo偶e Tobie czytelniku w link-buildingu dla Twojej domeny.

Co to w艂a艣ciwie jest link – hiper艂膮cze?

Z za艂o偶enia HTML jest hipertekstowym j臋zykiem znacznik贸w (o czym wi臋cej pisa艂em we wpisie co to jest HTML). Oznacza to, 偶e opr贸cz og贸lnej prezentacji tre艣ci ma s艂u偶y膰 za tworzenie po艂膮cze艅 czyli link贸w pomi臋dzy poszczeg贸lnymi dokumentami. Dlatego odpowiadaj膮c na pytanie co to jest link mo偶na powiedzie膰, 偶e jest to rodzaj 艂膮cza, powi膮zania jednego dokumentu z drugim. Dzi臋ki temu mo偶na zaznaczy膰, 偶e dany dokument jest wyra藕nie skorelowany z innym.

Na przyk艂ad w danej ustawie mo偶na okre艣li膰, 偶e poszczeg贸lne przypadki opisuj膮 inne ustawy. Wtedy jak najbardziej zasadne by艂oby podlinkowanie (wskazanie) tych ustaw, kt贸re doprecyzowuj膮 wspomniany przypadek.

I w ten spos贸b najlepiej jest odpowiedzie膰 co to jest link do strony. To odwo艂anie do podobnego lub dok艂adniejszego 藕r贸d艂a traktuj膮cego o wspomnianym aspekcie. O ile w rzeczywisto艣ci, na przyk艂ad w ksi膮偶kach stosuje si臋 zwyk艂e tekstowe przypisy, to w Internecie mo偶na spraw臋 upro艣ci膰 i za pomoc膮 odpowiedniego linku sprawi膰, 偶e za jednym klikni臋ciem, czytelnik znajdzie si臋 w bardziej odpowiadaj膮cym mu lub doprecyzowuj膮cym miejscu.

Jak zrobi膰 link w html?

Znaj膮c podstawy j臋zyka HTML mo偶na w bardzo 艂atwy spos贸b utworzy膰 link w HTML do okre艣lonej podstrony lub zasobu. W tym celu nale偶y skorzysta膰 z dedykowanego do tego celu znacznika <a> z odpowiednim atrybutem.

Zasadniczo do jego dzia艂ania wystarczy opisa膰 tylko i wy艂膮cznie atrybut href ze 艣cie偶k膮 do danej podstrony. Jednak linki maj膮 du偶o wi臋ksze mo偶liwo艣ci, z kt贸rych warto skorzysta膰.

Link mo偶e posiada膰 r贸偶ne atrybuty:

  • href, kt贸ry jest niezb臋dny, gdy偶 wskazuje na adres, do kt贸rego prowadzi (adres docelowej strony)
  • tekst widziany przez u偶ytkownika, nazywany anchor tekst
  • oznaczenia u艂atwiaj膮ce otwieranie strony (na przyk艂ad target=”_blank” wymuszaj膮cy otwarcie zewn臋trznego 藕r贸d艂a w nowym oknie, rel=鈥漬oopener鈥 lub rel=鈥漬oopener noreferrer鈥)
  • atrybuty przekazywania warto艣ci, czyli tak zwanej mocy (rel=鈥漬ofollow鈥, rel=鈥漝ofollow鈥)
  • dodatkowe atrybuty przekazywania takie jak rel=鈥漸gc鈥 (dla link贸w z tre艣ci generowanych przez u偶ytkownik贸w) lub rel=鈥漵ponsored鈥 (dla link贸w 鈥漦upionych鈥 czyli inaczej sponsorowanych)

Mo偶liwo艣ci jest sporo, jednak zazwyczaj poszczeg贸lne systemy wymuszaj膮 poszczeg贸lne typy i przewa偶nie wystarczy skupi膰 si臋 na podstawowych aspektach.

  1. Przyk艂adowy link dofollow mo偶e wygl膮da膰 tak:
    <a href=鈥漚dres-linkownej-strony>Kliknij tutaj</a> (parametr dofollow jest domy艣lny!)
  2. Natomiast link nofollow ju偶 troch臋 inaczej:
    <a href=鈥漚dres-linkownej-strony rel=鈥漬ofollow鈥>Czytaj dalej!</a>

I w zasadzie tyle wystarczy by stworzy膰 link! Co wi臋cej w wielu przypadkach wystarczy tylko poda膰 adres 藕r贸d艂a (pe艂ny adres strony) a system reszt臋 zrobi za nas, jednak nie zawsze tak jest.

Jak doda膰 link do swojej strony?

Jest to pytanie z pozoru b艂ahe bior膮c pod uwag臋 poprzednie wyja艣nienia jak stworzy膰 link w HTML. Jednak to pytanie mo偶na rozumie膰 na dwa sposoby:

Jak doda膰 link we w艂asnej stronie? (do innej podstrony)

Wystarczy zastosowa膰 instrukcje z poprzedniego akapitu (Jak zrobi膰 link w HTML) i wstawi膰 link na danej stronie lub w przypadku strony z CMS-em mo偶liwe, 偶e edytor wizualny jeszcze bardziej upro艣ci proces.

Zobacz tak偶e wpis: Jak sprawdzi膰 CMS strony?

Jak doda膰 link do w艂asnej strony z innej witryny?

To ju偶 jest kwestia bardziej zwi膮zana z pozycjonowaniem. Po pierwsze trzeba znale藕膰 stron臋, kt贸ra umo偶liwia osobom trzecim dodanie nie tylko tre艣ci ale tak偶e linka (odno艣nika). Po drugie spos贸b dodania mo偶e by膰 r贸偶ny:

  • poprzez dodanie pe艂nego kodu html <a href=鈥漝omena.pl鈥>domena .pl</a>
  • poprzez wklejenie samego adresu domena.pl
  • poprzez uzupe艂nienie odpowiedniego pola i podanie w nim odno艣nika (jak przy pozyskiwaniu link贸w z wpis贸w blogowych)

Najtrudniejsze w tym jest znalezienie strony, kt贸ra pozwoli na dodanie takiego linka.

Jak doda膰 link do zdj臋cia i jak go wys艂a膰?

To pytanie mo偶na rozumie膰 na dwa sposoby. Mo偶na utworzy膰 link, gdzie zamiast tekstu klikalny b臋dzie obrazek, ale r贸wnie dobrze mo偶na chcie膰 pozyska膰 dok艂adny odno艣nik do zdj臋cia osadzonego na stronie, by u偶y膰 lub komu艣 wys艂a膰 tylko i wy艂膮cznie grafik臋.

Jak stworzy膰 link wychodz膮cy z obrazka?

W momencie gdy mamy mo偶liwo艣膰 edycji strony z poziomu kodu html, by stworzy膰 link z obrazka nale偶y ca艂y link przygotowa膰 tak jak link zwyk艂y, tekstowy. Zamiast tekstu wystarczy osadzi膰 obrazek z u偶yciem tagu img i atrybutem odnosz膮cym si臋 do 藕r贸d艂a obrazka. Przyk艂adowo:

<a href=”domena.pl/podstrona.html”><img src=”domena.pl/src/nazwa-obrazka.png” alt=”tekst alternatywny” /></a>

Gdzie atrybut alt jest dodatkowym opisem tekstowym tego co znajduje si臋 na zdj臋ciu. Nie jest on wymagany, ale warto go uzupe艂ni膰 chocia偶by ze wzgl臋du na pozycjonowanie.

Warto te偶 przeczyta膰 artyku艂: Czym w艂a艣ciwie jest pozycjonowanie stron?

Jak pozyska膰 link do obrazka by go wys艂a膰?

Gdy na danej stronie internetowej napotkamy zdj臋cie, kt贸rym chcieliby艣my si臋 z kim艣 podzieli膰 lub z jakiego艣 powodu podlinkowa膰 bez ca艂ej podstrony, trzeba uzyska膰 do niego link. Zazwyczaj wystarczy:

  1. klikn膮膰 prawym przyciskiem myszy na obrazku
  2. wybra膰 opcj臋: Otw贸rz obraz na nowej karcie
  3. skopiowa膰 link z nowej karty
  4. wys艂a膰 go do innej osoby lub u偶y膰 w innym celu

Proste prawda? Sprawa jest bardziej skomplikowana gdy obrazek jest uwik艂any w css a dok艂adniej w tzw. background. Wtedy trzeba otworzy膰 藕r贸d艂o strony (CTRL+U lub prawy przycisk myszy na tle strony i wybra膰 opcj臋 Poka偶 藕r贸d艂o strony. Nast臋pnie w 藕r贸dle wystarczy znale藕膰 najbli偶szy tekst dla obrazka i znale藕膰 w kodzie adres do niego.

W bardzo skrajnych przypadkach, gdy zar贸wno skr贸ty klawiaturowe jak i prawy przycisk myszy s膮 zablokowane trzeba podj膮膰 bardziej radykalne 艣rodki. Jak wpiszemy przed adresem strony ci膮g: view-source: to zobaczymy kod 藕r贸d艂owy strony (view-source:http://domena.pl/podstrona).

Jak poprawi膰 wygl膮d i kolor linka?

Odpowied藕 na to pytanie wymaga znajomo艣ci tego czym jest CSS i jak dzia艂a. Trzeba pami臋ta膰, 偶e zazwyczaj lepiej jest nanosi膰 zmiany w plikach css nadpisuj膮c regu艂y dla link贸w w og贸le.

Czasami nie ma si臋 mo偶liwo艣ci takiej edycji i wtedy i tylko wtedy stosowne jest zastosowanie instrukcji w atrybutach, aby nie psu膰 layoutu strony. Przyk艂adowo mo偶na opisa膰 link w nast臋puj膮cy spos贸b:

<a href=”domena.pl” style=”color:green;”>Klinij tutaj!</a>

I link b臋dzie zielony, zamiast niebieski wed艂ug domy艣lnej specyfikacji. Grunt by pami臋ta膰, 偶e lepiej nanosi膰 tego typu zmiany globalnie mi臋dzy innymi w plikach .css a nie w tagach. Wa偶ne jest to nie tylko ze wzgl臋du na czytelno艣膰 kodu, ale ideologicznie w celu oddzielenia warstwy contentowej od wizualnej a tym bardziej logiki aplikacji.

Aspekty wizualne s膮 wa偶ne, ale nie mo偶na zapomina膰 o tre艣ci. Zobacz artyku艂 o Optymalizacji tre艣ci artyku艂贸w na stronach internetowych.

Jak zmieni膰 lub przekierowa膰 link?

Zmiana linka o ile ma si臋 dost臋p do miejsca gdzie zosta艂 wstawiony jest bardzo prosta. Wystarczy zmieni膰 atrybut href danego odno艣nika oraz jego anchor (zawarto艣膰 mi臋dzy znacznikami a) i gotowe.

Jak zrobi膰 link przekierowuj膮cy do innej strony

Czasem jednak nie ma si臋 bezpo艣rednio dost臋pu do danego odno艣nika (jak na przyk艂ad link zosta艂 umieszczony w miejscu, nad kt贸rym nie mamy kontroli. Albo z jaki艣 powod贸w nie mo偶na znale藕膰 wszystkich wyst膮pie艅 linka, kt贸ry chce si臋 zmieni膰. Wtedy taki link nale偶y przekierowa膰, najlepiej z pomoc膮 przekierowania 301.

Mo偶na wykona膰 to na kilka sposob贸w:

  1. Przekierowanie przy pomocy pliku .htaccess (o ile posiada si臋 do niego dost臋p)
    Wystarczy doda膰 do niego prost膮 regu艂臋.
    RewriteEngine On
    Redirect 301 /stary-adres/ https://przykladowastrona.pl/nowy-adres/
  2. Przekierowa膰 przy pomocy php (o ile ma si臋 bezpo艣redni dost臋p do pliku
    Wystarczy wtedy doda膰 w nim kr贸tki kod.
    <?php
    header(“Location: http://domena.pl/nowa-podstona”);
    ?>
  3. Przekierowa膰 przy pomocy javascript (specjali艣ci SEO i pozycjonerzy zazwyczaj tego nie lubi膮)
    Wystarczy w ramach podstrony doda膰 kr贸tki fragment kodu.
    <script type=”text/javascript”>
    window.location = “http://www.domena.pl/nowa-podstrona”;
    </script>

I w ten spos贸b u偶ytkownik, my艣l膮c 偶e dostanie si臋 na konkretny adres przejdzie w zupe艂nie inne miejsce poprzez przekierowanie.

Jak wstawia膰 linki na Facebooku?

Na najpopularniejszym portalu spo艂eczno艣ciowym na 艣wiecie link贸w jest ca艂kiem sporo i mo偶na dodawa膰 ich r贸偶ne rodzaje. Dlatego powy偶sze pytanie mo偶na rozumie膰 w r贸偶ny spos贸b. Linkowa膰 mo偶na mi臋dzy innymi osoby, artyku艂y ze stron oraz posty.

Jak wstawi膰 link w po艣cie na facebooku?

Wystarczy wklei膰 dany link do artyku艂u w po艣cie a Facebook powinien wy艣wietli膰 zar贸wno zdj臋cie wyr贸偶niaj膮ce, adres strony jak i kr贸tki opis zawarto艣ci linkowanego 藕r贸d艂a.

Warto zwr贸ci膰 uwag臋, 偶e mo偶e si臋 ten opis r贸偶ni膰 od miniaturek tego linka w innych miejscach. Sta膰 si臋 tak mo偶e, gdy w艂a艣ciciel danej strony korzysta z Open Graph Protocol i nadpisuje automatycznie generowane tre艣ci, kt贸re z jego pomoc膮 s膮 wy艣wietlane.

Jak dodawa膰 linki na Facebooku do u偶ytkownik贸w?

Zazwyczaj wystarczy pisa膰 nazw臋 u偶ytkownika (imi臋 i nazwisko podane w portalu) lub nazw臋 strony a mo偶liwo艣膰 jej podlinkowania Facebook zasugeruje.

Je艣li si臋 tak nie stanie, mo偶na Facebookowi pom贸c i zacz膮膰 od @ a nast臋pnie pisa膰 nazw臋 u偶ytkownika. Potem wystarczy tylko klikn膮膰 w podpowied藕 jaka si臋 pojawi.

Jak poda膰 link do posta na Facebook?

Ta opcja na Facebooku jest bardzo ma艂o intuicyjna. Poni偶ej przedstawiam kr贸tki algorytm dzia艂ania.

  1. Znajd藕 interesuj膮cy Ci臋 post.
  2. Kliknij w dat臋 publikacji posta.
  3. Przejd藕 do paska adresu w wyszukiwarce na g贸rze.
  4. Je艣li powsta艂y link jest d艂ugi, wszystko co jest za znakiem zapytania wraz z nim mo偶esz usun膮膰.
  5. Skopiuj ca艂y adres, zaznacz i CTRL+C.
  6. Teraz mo偶esz z tym linkiem zrobi膰 co chcesz, wklei膰 lub komu艣 wys艂a膰.

C贸偶, moim skromnym zdaniem Facebook, m贸g艂by zrobi膰 to lepiej :), gdy偶 to nie jest intuicyjne.

Jak dodawa膰 linki na Instagramie?

Pytanie bardzo na czasie, w ko艅cu Instagram to bardzo popularny ostatnio portal. Dodanie linka na instagramie w opisie albo na instastory jest naprawd臋 bardzo intuicyjne i wymaga klikni臋cia w odpowiedni膮 ikon臋 i uzupe艂nienie adresu URL. Jednak aby to by艂o mo偶liwe trzeba spe艂ni膰 dwa warunki:

  1. Posiada膰 firmowe konto na Instagramie
  2. Mie膰 ponad 10 tysi臋cy followers贸w

C贸偶, najpierw trzeba zdoby膰 sporo fan贸w, aby m贸c swobodnie linkowa膰 ze swojego Insta :).

Jak usun膮膰 link z Google?

Je艣li chcemy usun膮膰 z Google link lub ca艂膮 podstron臋 pochodz膮c膮 z naszej domeny, by nie wy艣wietla艂a si臋 w Google to sprawa jest do艣膰 prosta. Mo偶na nada膰 dla niej atrybut meta robots noindex lub zastosowa膰 poni偶sz膮 procedur臋:

  1. Najpierw zbieramy adresy,
  2. udajemy si臋 do Google Search Console.
  3. tam wysy艂amy pro艣b臋 i ich usuni臋cie (tymczasowe ukrycie)
  4. i dopiero po tej procedurze dodajemy regu艂臋 do pliku robots.txt z blokad膮. Wi臋cej szczeg贸艂贸w mo偶na zle藕膰 pod adresem: https://www.widzialni.pl/blog/jak-indeksowac-i-wyindeksowac-strony-w-wyszukiwarkach-internetowych/ gdzie w komentarzach opiekun strony lepszyserwis.pl t艂umaczy zawi艂o艣ci tej procedury.

Zobacz tak偶e wpis o Pozyskiwaniu link贸w z komentarzy na blogach.

Natomiast w kwestii usuwania link贸w z Google od obcych domen to bezpo艣rednich metod nie ma. Natomiast te mniej bezpo艣rednie etyka zawodowa zabrania mi zabrania i nie b臋d臋 si臋 nad tym rozwodzi膰 (dodam, tylko 偶e nie jest to nie mo偶liwe, w zale偶no艣ci co dok艂adnie chce si臋 osi膮gn膮膰).

Podsumowanie tworzenia i dodawania link贸w do strony

W ramach ca艂ego artyku艂u stara艂em si臋 odpowiedzie膰 w jaki spos贸b mo偶na dodawa膰 linki do stron w ramach domeny w艂asnej i innych zasob贸w. Powy偶szy wpis oczywi艣cie nie wyczerpuje tematu, jednak mam nadziej臋, 偶e dla poszczeg贸lnych czytelnik贸w stanowi艂 wsparcie merytoryczne w jaki spos贸b mo偶na linkowa膰 stron臋.

Je偶eli masz drogi czytelniku jakiekolwiek pytanie jak mo偶na doda膰 link w miejscu XYZ to zapraszam do w艂asnych analiz, poszukiwania rozwi膮za艅 lub zadania pytania w komentarzu. Je艣li b臋d臋 w stanie na nie odpowiedzie膰 to mo偶esz liczy膰 na odpowied藕.

Dlatego zadam pytanie, jak wy dodajecie linki do swoich stron i jak je linkujecie?

Mo偶e Ci si臋 r贸wnie偶 spodoba

Dodaj komentarz

Tw贸j adres email nie zostanie opublikowany. Pola, kt贸rych wype艂nienie jest wymagane, s膮 oznaczone symbolem *