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 &?
W HTML znak & rozpoczyna odwołanie do znaku, więc samotny & w adresie lub tekście może zostać źle odczytany. Zapis & 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
- Dostępny generator tabel HTML
- Konwerter HTML na JSX
- Konwerter HTML na tekst
- Generator iframe
- Generator tekstu alternatywnego dla stron firm (CSV)
- Darmowy kompresor obrazów
- Kadrowanie zdjęć dla stron internetowych
- Generator mapy obrazu (image map)
Produkt
Dla kogo
- Dla agencji
- Dla freelancerów
- Dla firm hostingowych
- Dla platform SaaS
- Dla startupów
- Usługi finansowe
- Rozwiązania dla ochrony zdrowia
Funkcje
Zasoby
- Blog
- Centrum pomocy
- Darmowe narzędzia dla firm
- Free UI Components
- Szablony
- Kolekcje szablonów
- Przykłady stron
- Poradniki
- Porównania
- Alternatywy
- Najlepsze
- Recenzje
- Przewodniki po cenach
- Zastosowania
- Słownik i poradniki
- Integracje
- Dla programistów
- Benchmark
- Windows App