Generator linków HTML

Generator linków HTML: znaczniki a z rel i target | We.Inc

Darmowy generator linków HTML. Wpisz URL i tekst linku, wybierz nową kartę, nofollow, sponsored lub ugc i skopiuj czysty znacznik a z właściwymi atrybutami rel.

Generator linków HTML

Wpisz adres i słowa, w które ludzie mają kliknąć, wybierz, czy link otwiera się w nowej karcie i jak mają go traktować wyszukiwarki, a narzędzie zapisze znacznik a z właściwymi wartościami rel. Znaki specjalne są zabezpieczane, więc tekst z cudzysłowami lub znakiem & nie zepsuje strony.

  • Wklej pełny adres, do którego ma prowadzić link, razem z https://.
  • Wpisz tekst linku. Opisz, dokąd prowadzi, zamiast pisać kliknij tutaj.
  • Wybierz, czy ma się otwierać w nowej karcie, i w razie potrzeby oznacz go jako sponsorowany, dodany przez użytkownika lub nofollow.
  • Opcjonalnie dodaj tytuł lub klasę, a potem skopiuj znacznik na stronę, do wpisu lub e-maila.
  • Oznaczaj linki płatne i afiliacyjne jako sponsored. Wyszukiwarki o to proszą, a brak oznaczenia może zaszkodzić stronie.
  • Używaj ugc dla linków, które odwiedzający dodają w komentarzach lub na forach, aby za nie nie ręczyć.
  • Zwykłe linki redakcyjne do zaufanych źródeł nie potrzebują żadnej wartości rel. Nie trzeba wszędzie dodawać nofollow.
  • Otwieranie każdego linku w nowej karcie może irytować. Zostaw to dla linków, które przerwałyby jakieś zadanie, na przykład strony pomocy w formularzu.
  • Pisz teksty linków, które są zrozumiałe same w sobie. Użytkownicy czytników ekranu często przeskakują od linku do linku i słyszą tylko tekst.

Najczęściej zadawane pytania

Jak wygląda kod HTML linku?

Link to znacznik a: <a href="https://example.com">Example</a>. Atrybut href zawiera adres, a tekst między znacznikami to to, w co ludzie klikają.

Jak sprawić, by link otwierał się w nowej karcie?

Dodaj target="_blank". Narzędzie dodaje też rel="noopener", które nie pozwala nowej stronie przejąć kontroli nad stroną, która ją otworzyła. Obecne przeglądarki robią to domyślnie, ale dodanie tego nic nie kosztuje i chroni starsze.

Czym różnią się nofollow, sponsored i ugc?

sponsored oznacza linki płatne lub afiliacyjne, ugc linki dodane przez użytkowników, a nofollow to ogólna wskazówka dla linków, za które nie chcesz ręczyć. Można je łączyć, na przykład rel="sponsored nofollow".

Czy nofollow powstrzymuje wyszukiwarki przed odwiedzeniem strony?

Niekoniecznie. Wyszukiwarki traktują te wartości jako wskazówki dotyczące linku, a nie blokadę. Aby utrzymać stronę poza wynikami, użyj na niej tagu noindex.

Dlaczego narzędzie zamienia & na &amp;?

W HTML znak & rozpoczyna odwołanie do znaku, więc samotny & w adresie lub tekście może zostać źle odczytany. Zapis &amp; jest bezpieczny, a przeglądarki zamieniają go z powrotem na & przy otwieraniu linku.

Co atrybut rel mówi wyszukiwarkom

  • Zwykły link to głos zaufania: mówisz czytelnikom i wyszukiwarkom, że strona jest warta odwiedzenia. Atrybut rel doprecyzowuje ten głos. sponsored mówi, że link istnieje dzięki płatności, ugc, że dodał go odwiedzający, a nofollow, że wolisz nie przekazywać zaufania.
  • Właściwe oznaczenia chronią Twoją stronę. Sprzedawanie linków bez oznaczania ich narusza wytyczne wyszukiwarek, a nieoznaczone linki w komentarzach przyciągają spam. Oznaczaj to, co trzeba, a zwykłe linki redakcyjne zostaw bez zmian.

Linki, które działają dla wszystkich

  • Dobry tekst linku jest krótki i konkretny: pobierz cennik jest lepsze niż kliknij tutaj, bo mówi, co się stanie, zanim ktoś kliknie. Daje też wyszukiwarkom jasny obraz strony, do której linkujesz.
  • Używaj pełnych adresów z https://, gdy wklejasz linki do e-maili lub na inne strony, bo adres względny działa tylko na Twoich stronach. Jeśli link prowadzi do pliku, podaj w tekście format i rozmiar, na przykład cennik (PDF, 200 KB), żeby nikogo nie zaskoczyło pobieranie.

Adres linku

Tekst linku

Zobacz nasz cennik

Otwórz w nowej karcie

Link płatny lub afiliacyjny (sponsored)

Dodany przez odwiedzającego (ugc)

Nie ręcz za ten link (nofollow)

Tytuł (opcjonalnie)

Klasa CSS (opcjonalnie)

Wpisz adres linku.

Kod HTML

Zacznij za darmo · Bez karty kredytowej

Powiązane: Darmowe narzędzia

Produkt

Dla kogo

Funkcje

Zasoby

Firma

Mapa strony