Spis treści Optymalizacja logo strony Krok po kroku... Dlaczego warto optymalizować logo strony? Jak optymalizować logo? - Krok 1 - Umieszczenie kodu logo na stronie. - Krok 2 - Dodawanie atrybutu title do linku. - Krok 3 - Nazewnictwo pliku graficznego. - Krok 4 - Kompresja grafiki. - Krok 5 - Dodawanie atrybutu ALT do grafiki - Krok 6 - Dodawanie atrybutu title do grafiki - Krok 7 - Wdrożenie mikroformatów logo
Dlaczego warto optymalizować logo strony? Logo to jedna z najważniejszych wizytówek strony firmowej, bloga, czy sklepu internetowego. Logo jest elementem, który znajduje się zazwyczaj bardzo wysoko w kodzie źródła strony internetowej. Roboty Google przywiązują uwagę do tych miejsc, co jest ważne z punktu widzenia SEO. Optymalizacja wybranych elementów strony wymaga zazwyczaj jednorazowej pracy, która często pozwala uzyskać korzyści na długie lata. Skuteczne pozycjonowanie stron internetowych to suma wielu czynników, które decydują o pozycji strony w SERP. Być może optymalizacja logo zaważy o pozycji Twojej strony w wynikach wyszukiwania i przeskoczysz konkurencję.
Jak optymalizować logo? Najpopularniejszym błędem jest osadzenie logo, jako tło w kodzie CSS. W efekcie logo staje się elementem nieklikalnym, psującym użyteczność strony. Logo strony powinno być plikiem graficznym osadzonym wewnątrz odnośnika kierującego do strony głównej. Należy to zrobić w kodzie HTML, wykorzystując znacznik linku i znacznik grafiki.
Krok 1 - Umieszczenie kodu logo na stronie Na popularnych systemach, takich jak WordPress kod logo znajduje się w pliku header.php szablonu strony. Wyjściowa struktura kodu HTML logo powinna wyglądać następująco: <a href="https://projektmarketing.pl"> <img src="logo.png" width="240" height="67" />
Krok 2 - Dodawanie atrybutu title do linku Atrybut title dodawany do odnośników powoduje wyświetlenie tekstu po najechaniu na link. Warto wykorzystać ten atrybut do przedstawienia firmy i nasycenia wybranych słów kluczowych. <a href="https://projektmarketing.pl" title="projekt Marketing - Agencja SEO SEM"> <img src="logo.png" width="240" height="67" />
Krok 3 - Nazewnictwo pliku graficznego nazwa pliku powinna być krótka i zawierać słowo kluczowe, np: projekt-marketing-pozycjonowanie-optymalizacja.png. każde słowo powinno zostać rozdzielone - (myślnikiem). dla typowo polskich znaków: ą, ć, ę, ł, ń, ó, ś, ź, ż, stosować odpowiednio: a, c, e, l, n, o, s, z, z. <a href="https://projektmarketing.pl" title="projekt Marketing - Agencja SEO SEM"> <img src="projekt-marketing-pozycjonowanie-optymalizacja.png" width="240" height="67" />
Krok 4 - Kompresja grafiki Kompresja obrazków na stronie pozwoli zmniejszyć rozmiar pliku, nie tracąc jakości. Darmowy program online do kompresji grafik https://compressor.io. Pierwotną grafikę należy nadpisać na serwerze skompresowaną grafiką logo.
Krok 5 - Dodawanie atrybutu ALT do grafiki Atrybut ALT powinien zawierać słowo kluczowe, tekst opisujący grafikę. Dodanie do każdej grafiki atrybutu ALT pozwoli zwiększyć jej widoczność w trakcie przeglądania obrazów w wyszukiwarce Google. W efekcie zwiększy się ruch na stronie pochodzący wyszukiwania grafik. <a href="https://projektmarketing.pl" title="projekt Marketing - Agencja SEO SEM"> <img src="logo-projekt-marketing-pozycjonowanie-optymalizacja.png" alt="projekt Marketing - optymalizacja i pozycjonowanie stron" width="240" height="67" />
Krok 6 - Dodawanie atrybutu title do grafiki Atrybut title dodawany do grafiki logo jest dodatkowym nośnikiem informacji, który powinien nawiązywać do zawartości obrazka. <a href="https://projektmarketing.pl" title="projekt Marketing - Agencja SEO SEM"> <img src="logo-projekt-marketing-pozycjonowanie-optymalizacja.png" alt="projekt Marketing - optymalizacja i pozycjonowanie stron" title="projekt Marketing - Optymalizacja i pozycjonowanie stron" width="240" height="67" />
Krok 7 - Wdrożenie mikroformatów logo Mikroformaty pozwalają precyzyjnie opisać poszczególne elementy na stronie w sposób zrozumiały dla botów Google. <div itemtype="http://schema.org/organization" itemscope=""> <a href="https://projektmarketing.pl" title="projekt Marketing - Agencja SEO SEM" itemprop="url"> <img src="logo-projekt-marketing-pozycjonowanie-optymalizacja.png" alt="projekt Marketing - optymalizacja i pozycjonowanie stron" title="projekt Marketing - Optymalizacja i pozycjonowanie stron" width="240" height="67" itemprop="logo" /> </div>
Dziękujemy za uwagę. Agencja Projekt Marketing Dokument został opracowany przez zespół specjalistów SEO Agencji Projekt Marketing. W razie pytań służymy pomocą. Telefon: 570 664 431