Klikalny numer telefonu i adres e-mail na stronie. Jak dodać mapę Google na stronę?

Obejrzyj mój film, na którym opowiadam:

• Jak dodać klikalny numer telefonu na stronę WWW?
• Jak dodać klikalny adres e-mail na stronę internetową?
• Jak dodać mapę Google na stronę internetową?

Transkrypcja filmu z YouTube "Klikalny numer telefonu i adres e-mail na stronie. Jak dodać mapę Google na stronę?"

Cześć. Miło Cię widzieć.  Z tej strony Przemek Szczygłowski z donety. Chciałbym Ci pokazać teraz jak dodać klikalny numer telefonu, klikalny adres e-mailowy na Twojej stronie internetowej, czyli tak, że jeżeli ktoś kliknie Twój numer telefonu przez przeglądarkę czy na przykład przez telefon to od razu się z Twoim numerem połączy. Jak zrobić tak, że jeżeli ktoś nie zna Twojego e-maila to od razu otworzy mu się domyślnie skonfigurowany program pocztowy? I jak dodać do zakładki kontakt na Twojej stronie internetowej mapę Google? Zaczynamy.

Jak dodać klikalny numer telefonu?

Tutaj mam przygotowaną taką standardową zakładkę z pierwszego lepszego szablonu jaki sobie na szybko zainstalowałem. I zobacz, wchodzimy sobie do panelu administracyjnego, szukamy sobie tej zakładki z kontaktem, czyli treść zarządzania zakładkami, szukamy sobie zakładki kontakt, edytujemy ją i co? I mamy dwa pola. W zakładce kontakt zawsze to wygląda tak samo, zawsze to wygląda tak samo, w treść na stronie mamy te informacje, które są tutaj, mamy obok formularz kontaktowy, typ podstrony, formularz kontaktowy i na dole mamy wklejoną w dodatkowej treści mapkę Google. Zaczynamy. Zmieniamy numer telefonu. Numer telefonu do mnie to 664 996 994, pracuję, dobra nieważne, nie będziemy tego ustawiać, to jest tylko demo. I zaznaczamy sobie ten numer telefonu w edytorze tekstowym, klikamy w tę ikonkę wstaw łącze, albo klikamy wstaw, adres łącza i w adresie URL wpisujemy tak, tel jak telefon dwukropek. I teraz tak, moglibyśmy wpisać numer 664 996 994 z myślnikami czy bez i będzie to działało, ale weź pod uwagę to, że ktoś może do Ciebie zadzwonić z zagranicy. Jeżeli ktoś będzie do Ciebie dzwonił z zagranicy to musi wybrać +48 664 996 994, przy czym plus nie wszystkie urządzenia obsługują. Więc zamiast plusa robimy 00 i to jest idealny format numeru telefonu. 0048 to jest kierunkowy, a potem wpisujemy twój numer telefonu bez myślników, bez spacji, bez żadnych znaków specjalnych. Tytuł to jest alt, to jest ten dymek, który pojawi się po najechaniu myszką, zadzwoń do Przemka. Zaraz Ci zobaczę, jak to działa, klik, pokaże, jak to działa. Zapiszemy sobie te zmiany. Odświeżymy stronę, mamy numer telefonu, po najechaniu myszką mamy dodatkowy obrazek "zadzwoń do Przemka" i jak kliknę to moja przeglądarka przez mój telefon Xiomi pozwoli mi od razu do ciebie zadzwonić. Jeżeli nie otwieram tej strony na przeglądarce, tylko na urządzeniu mobilnym, po kliknięciu od razu mi się numer telefonu wybierze.

Jak dodać klikalny adres e-mail?

Ok. Jak zrobić z e-mailem?  Bardzo podobnie. Wracamy sobie do e-maila, szukamy sobie e-maila. Mój e-mail to kontakt@przemekszczyglowski.pl, zaznaczam sobie tego e-maila, ctrl c kopiuje, to samo wstawiam odnośnik i zamiast tel: pisze e-mail to: i wklejam swój adres e-mailowy. W tytule napiszemy napisz do mnie, napisz do Przemka, klik. Ten tytuł jest opcjonalny, ja radzę ci go uzupełniać, bo zgodnie z SEO trzeba go uzupełniać, on też pomaga osobom niedowidzącym, żeby łatwiej im było interpretować to, co jest w kodzie twojej strony. Klik i po zapisaniu od razu nam się otworzy program e-mailowy. Ja teraz tego nie będę klikał, bo na komputerze żadnego programu e-mailowego nie mam. Jeżeli na jednak ten link na telefonie wejdziesz to otworzy Ci się Gmail czy inna aplikacja do wysyłania e-maili.

Jak dodać mapę Google?

Ok. A co z mapką Google? Z mapką Google temat jest też bardzo prosty, chociaż troszeczkę bardziej skomplikowany. Wchodzimy sobie na Google i znajdujemy lokalizację, załóżmy, że chcemy sobie dodać firmę, nie wiem jaką, Orange. Ostatnio mi zdrowo podpadli, ale to nieistotne. Szukamy sobie tej firmy, na mapie. Wchodzimy w mapy Google, szukamy sobie firmy, którą chcemy dodać, szukamy tej pinezki. Znajdujemy tę pinezkę i załóżmy o ten oddział Orange chcemy sobie dodać na mapę Google. Tak? Tak, ten. Klikamy udostępnij i tutaj możemy znajomym wysłać link, ale nas interesuje umieszczenie mapy. I tutaj wybieramy rozmiar mapy i ja Ci w większości proponuję najczęściej, bo będzie Ci fajnie działała na stronie mapa w wymiarach 1980x300 pikseli, to jest taka mapa szeroka, a niska, która fajnie wygląda. Ty z tymi rozmiarami też możesz sobie spokojnie kombinować. Nie umieszczaj map większych niż 1980 pikseli szerokości, bo i tak jej nie będzie widać, ona się dostosuje. Kopiujemy sobie ten kod HTML ten iframe cały. Wracamy sobie do naszego panelu administracyjnego i mapkę wklejamy tutaj. Musimy te mapy podmienić. Jak to zrobić? Wchodzimy w kod źródłowy albo sobie klikamy tutaj kod źródłowy, albo sobie klikamy narzędzia, kod źródłowy. Mamy kod źródłowy, może sobie to cale zaznaczyć usunąć backspace'm i ctrl v wklejam, prawy myszy, wklej też zadziała. Dwa razy nie będziemy tego wklejali. Mam wklejoną mapkę iframe klikam ok i tutaj powinieneś i zobaczyć mój oddział Orange na mapie. Zwróć uwagę, że ten oddział Orange, ta mapa jest taka dość duża, bo ona ma dość dużą szerokość, ale na stronie internetowej ona się ładnie do jest strony dostosuje. Zobacz. Pyk i mamy oddział Orange. Możemy sobie wyświetlić trasę, napisać opinię, zaraz to zrobię, wyświetlić wskazówki dojazdu itp., itd. Jeszcze jedna, bardzo ważna rzecz. Co jeżeli nie masz pinezki na Google Maps'ie? Co jeżeli twojej firmy na Google Maps'ie nie ma? Czyli na przykład sobie wpisujemy, nie wiem Jan Nowak Bytom, wyskoczy jakiś Jan Nowak w Bytomiu? O kurczę, wyskoczyło. Ale załóżmy, że to nie ten Jan Nowak, którego szukamy, załóżmy, że twoja firma mieści się tutaj w tym miejscu. Co zrobić? Masz dwie opcje.  Jedna opcja to jest prawy przycisk myszy i kliknięcie wtedy w współrzędne, nie w współrzędne, prawym myszy co tu jest. Mamy tutaj taka ikonka nam się pojawia, klikamy sobie w to i zobacz pojawia nam się dokładnie to samo co w przypadku wizytówki Google, tak? Mamy tę lokalizację, możemy sobie kliknąć udostępnij, umieść mapę, rozmiar niestandardowy, 1980 na, a damy teraz na 600, zobaczysz, jak będzie tam mapa wyglądała, jak będzie większa. Wchodzimy sobie do administracji, edytujemy ją i zobacz co się stało, dodała się mapa, ale ona się dodała taka nijaka, raz, że jest wyższa, a dwa, że nie ma tej pinezki. Jakaś była sztuczka, co tu jest, się klikało, co tu jest? Klik, ta pinezka powinna wskoczyć, ale ona mi nie wskakuje, widzisz Google Maps co chwilę co zmienia w takim razie, bo klikając "co tu jest" one się pokazywały. No właśnie możesz tą mapę dodać, aczkolwiek ja proponuję Ci, zeby twoja firma na tych Google Maps'ach była, żebyś miał dobrze, porządnie uzupełnioną wizytówkę w Google Maps'ach, dlaczego? Dlatego ta wizytówka Ci jest potrzebna, bo raz, że ona się pozycjonuje w Google Maps, zobacz, jeżeli wpisujemy, nie wiem, fryzjer Bytom, to tutaj mamy listę fryzjerów w Bytomiu i ty też tam możesz być, tak? Jeżeli nie masz wizytówki Google to raz, że nie będziesz miał takiej fajnej pinezki jaką miałem wcześniej, tutaj miałem taką pinezkę, którą mogłem kliknąć i miałem tutaj informacje o firmie, ile opinii jak dojechać itp., itd. A tutaj mam tylko adres i wskazówki dojazdu, no tak średnio, bardzo średnio. A ja wiem czemu to nie działa, nie działa, bo tam ulicy dokładnie nie było. Aczkolwiek do czego zmierzam, tak? Utwórz sobie wizytówkę Google, jeżeli potrzebujesz pomocy w utworzeniu wizytówki Google napisz do mnie lub napisz, tutaj wyświetlą Ci się moje dane kontaktowe za chwilę. Pomogę ci to zrobić, pomogę Ci też tą wizytówkę, jeżeli potrzebujesz umieścić na stronie internetowej, zadbam o jej wizerunek, o jej wysoką pozycję i o jej opinię. Ok. A ja wiem, dlaczego się nie wyświetliła. Nie wyświetliła się dlatego, bo tutaj adres mamy coś kiepski, zaznaczyłem jakieś miejsce, które chyba nie ma kodu pocztowego. Jak zaznaczmy to w tej sposób to powinno mi się, nie tutaj, nie co tu jest, prawym myszy, cyk, cyk. O zobacz tak, mamy tutaj adres, bo zaznaczyłem jakieś miejsce, które nie miało adresu, jakaś ulica bez adresu, dlatego teraz tą pinezkę będziemy mieli, jeżeli sobie to udostępnimy w dużych rozmiarach, skopiujemy sobie kod, widzisz mi się te duże rozmiary nie podobają, ale pokazuję Ci jako alternatywę, jak to może wyglądać. Klik, zobacz mamy pinezkę, tylko tu jest pinezka, tu nie ma informacji o twojej firmie, nie ma opinii, jest tylko adres, zupełnie noname'owy mało wiarygodny, więc ja ci rekomenduję jednak żebyś tą wizytówkę, opinię, wizytówkę Google miał, zabrał o nią, zadbał o jej opinie i zadbał o to, żeby ona była wysoko w Google. Bo wizytówka Google generalnie to jest świetne narzędzie do pozyskiwania klientów, ale dobra nie to chciałem ci teraz powiedzieć. Jeżeli interesuje Cię więcej o wizytówce Google napisz do mnie lub zadzwoń albo oglądaj inne moje filmiki, które znajdziesz w opisie tego filmu. Cześć, czołem. Do zobaczenia.