google - Kurs HTML i CSS
HTML dla zielonych / Odsyłacz do adresu internetowego HTML <a "http, https">...do strony internetowej? Na przykład aby wstawić łącze do wyszukiwarki Google, należy się posłużyć następującym kodem: <a href="https://www.google.pl/">Przejdź do Google</a>. Dlaczego odsyłacz internetowy nie działa? Prawdopodobnie na początku adresu strony w odsyłaczu brakuje "https://" albo "http://". Prawidłowo powinno to wyglądać np. tak: <a href="https://www.google.pl/">Przejdź do Google</a>. Rzadszą przyczyną może być użycie "https://" podczas gdy strona z odsyłacza...
Czcionki CSS / Czcionki osadzone @font-face...zaprzestanie udostępniania darmowych czcionek, mogą skopiować sobie pliki na własny serwer 😉 <head> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=rodzaj"> <style> selektor { font-family: rodzaj } </style> </head> Jeżeli nazwa rodzaju czcionki zawiera spację, w adresie arkusza musi być ona zastąpiona znakiem plusa. Natomiast już wewnętrznym arkuszu CSS wstawiamy normalnie znak spacji. Oczywiście jako wartość atrybutu font-family powinny zostać podane po...
- Nagłówek i treść HTML / Roboty <meta "robots, googlebot">
Spis treści <meta "robots, googlebot"> Roboty <meta "robots"> Niestandardowe dyrektywy robotów Googlebot <meta "googlebot"> Roboty <meta "robots"> <head> <meta name="robots" content="dyrektywy"> </head> gdzie jako "dyrektywy" należy wpisać: "index" - strona, na której wstawiono polecenie, będzie indeksowana przez roboty sieciowe (indeksery) - domyślnie "noindex" - strona, na której wstawiono polecenie, nie będzie indeksowana "follow" - przechodzenie do stron, do których odnoszą się...
Wyszukiwarka / Możliwość wyboru...Światowy/Polski Internet W serwisie/Na świecie W serwisie/W Polsce Światowy/Polski Internet Lista rozwijalna <form action="https://www.google.pl/search" method="get"> <input type="text" name="q"> <input type="hidden" name="ie" value="utf-8"> <select name="lr"> <option value="">Na świecie</option> <option value="lang_pl">W Polsce</option> </select> <input type="submit" value="Szukaj"> </form> Przykład Na świecie W Polsce Pole opcji <form...
- Odsyłacze HTML / Blokada indeksowania odsyłaczy <a "nofollow, ugc, sponsored">
Spis treści <a "nofollow, ugc, sponsored"> Blokada indeksowania wybranych odsyłaczy <a "nofollow"> Treść tworzona przez użytkowników <a "ugc"> Linki sponsorowane <a "sponsored"> Blokada indeksowania wybranych odsyłaczy <a "nofollow"> <a href="http://adres strony" rel="nofollow">...</a> <a href="https://adres strony" rel="nofollow">...</a> Polecenie określa sposób zachowania się robotów-indekserów, czyli specjalnych programów zbierających informacje o stronach w Internecie...
- Oprawa graficzna / Zamiennik obrazkowy
Spis treści Wstęp Fahrner Dwyer Phark Gilder/Levin Jefferies Zamienniki obrazkowe a Google Wstęp Po lekturze rozdziałów Menu w CSS oraz Szablon strony na DIV-ach powinny być Ci już znane ogromne możliwości wpływania na wygląd dokumentów stron WWW tylko za pomocą stylów CSS. Wiesz już, w jaki sposób można przygotować optymalny kod HTML, a następnie za pomocą w zasadzie drobnych wpisów w arkuszu CSS, wprowadzać daleko idące zmiany wyglądu witryny. Nie jest żadnym kłopotem zmiana...
- Nagłówek i treść HTML / Plik robots.txt
Spis treści robots.txt User-Agent Disallow Allow Wzorce dopasowania robots.txt Znacznik <meta name="robots"> jest przydatny w celu określania dostępu przez roboty do pojedynczych dokumentów HTML. Okazuje się jednak mało praktyczny, jeśli chcielibyśmy zablokować dostęp robotom-indekserom np. do wszystkich dokumentów z określonego katalogu serwisu albo wręcz hurtowo do wszystkich plików witryny, tak aby nie pojawiały się w wynikach wyszukiwania np. Google. Znacznik ten okazuje się wręcz...
- Nagłówek i treść HTML / Opis zawartości strony <meta "description">
<head> <meta name="description" content="Tu podaj opis twojej strony"> </head> Polecenie to należy wstawić między znacznikami: <head> oraz </head>. Pozwala ono opisać co znajduje się na Twojej stronie. Z informacji tej korzystają wyszukiwarki sieciowe, dlatego staraj się tutaj wpisać tekst, który jak najlepiej opisze zawartość strony i zachęci do jej odwiedzenia. Ciekawy, ale niezbyt długi, opis może zachęcić internautów do obejrzenia Twojej strony. Znacznik <meta name="description"> nie ma...
- Nagłówek i treść HTML / Słowa kluczowe <meta "keywords">
<head> <meta name="keywords" content="wyraz1, wyraz2, wyraz3..."> </head> gdzie "wyraz1, wyraz2, wyraz3..." oznaczają wyrazy, które należy rozdzielać przecinkami. Można oczywiście podać więcej niż trzy wyrazy (w miejsce kropek). Polecenie to należy wstawić między znacznikami: <head> oraz </head>. Pozwala Ci ono podać wyrazy kluczowe, z których mogą korzystać wyszukiwarki sieciowe. Dlatego staraj się tutaj wpisać wyrazy, które jak najlepiej opiszą zawartość Twojej strony. Dobrze dobrane słowa...
- Wyszukiwarka / Wyszukiwanie w podanym serwisie
<form action="https://www.google.pl/search" method="get"> <input type="text" name="q"> <input type="hidden" name="ie" value="utf-8"> <input type="hidden" name="sitesearch" value="domena"> <input type="submit" value="Szukaj"> </form> gdzie jako "domena" należy wpisać adres strony, np. www.google.pl. Wyszukiwanie stron z Twojego serwisu może być niemożliwe jeśli nie posiadasz domeny lub subdomeny! Ponadto należy pamiętać, że aby przeszukiwanie serwisu mogło się odbyć, najpierw należy...