Wskazówki SEO dla programisty

  1. Opublikuj poprawne tagi.
  2. Unikalne i poprawne znaczniki META
  3. Wartość tekstu i znaczniki HTML
  4. Użyj nagłówków HTTP
  5. Unikaj technologii Flash i iFrame
  6. Śledź szybkość ładowania strony
  7. Używaj bułki tartej prawidłowo.
  8. Użyj zaufanych certyfikatów SSL
  9. Pamiętaj, aby używać adresów URL SEO
  10. Mało przydatne

Najprawdopodobniej jesteś programistą internetowym i wielokrotnie natrafiłeś na listę zmian od klienta, która z kolei otrzymała je od specjalisty SEO. Lub jesteś początkującym programistą i chcesz mieć podstawowe umiejętności SEO, aby Twoja strona była lepsza. W tym artykule podamy kilka podstawowych wskazówek, po których stworzysz wielokrotnie bardziej wydajną stronę internetową.

Opublikuj poprawne tagi.

Każdy tag HTML ma swój własny cel i powinieneś używać wszystkiego zgodnie z jego przeznaczeniem. W przypadku nagłówków pierwszego poziomu użyj znacznika H1 . Ten tag pokazuje główny tytuł strony, na której znajduje się użytkownik. Treść w tagu H1 musi pasować do tytułu strony, a także kotwicy łącza, na którym osoba dokonała przejścia. Ponadto adres URL strony CNC musi być zgodny z nagłówkiem strony.

Na przykład na stronie głównej znajduje się link ‹a href="/auto/ford/"› Samochody Ford ‹/a›, który zawiera prawidłowy adres URL CNC i kotwicę „Samochody Ford”. Po kliknięciu tego linku tytuł H1 i META TITLE powinny zawierać tekst „Samochody Forda”

Unikalne i poprawne znaczniki META

Najprawdopodobniej jesteś programistą internetowym i wielokrotnie natrafiłeś na listę zmian od klienta, która z kolei otrzymała je od specjalisty SEO

Często programiści nie przywiązują dużej wagi do tagów META, zwłaszcza na stronach wewnętrznych. Zdecydowanie warto sprawić, by funkcja edytowała dowolne metatagi na dowolnej stronie. Ponadto warto wykonać automatyczne i logiczne tworzenie tagów META. Wyobraź sobie, że utworzyłeś duży sklep internetowy lub stronę internetową dla reklam, w których duża liczba dynamicznych stron zgromadziła się w ciągu pierwszego roku. Pisanie indywidualnych tagów META dla każdej strony jest absurdalne. Aby to zrobić, warto stworzyć indywidualny i inteligentny algorytm, który obliczy niezbędne parametry strony i utworzy dla niej znaczniki META. Należy również poświęcić pół godziny na wyszukiwanie popularnych kluczowych zapytań na ten temat, aby algorytm był jak najbardziej wydajny.

Podajmy przykład: internetowy sklep ze sprzętem cyfrowym. Witryna ma ponad 200 kategorii i ponad 5000 tytułów. Każda nazwa może mieć własny unikalny adres URL CNC, nawet jeśli są podobne nazwy. Przykładem podobnych nazw są iPhone 7, 64 gb, srebro i iPhone 7, 64 gb, złoto. Wiele osób pisze te same nagłówki i adresy URL dla tych produktów, a w opisie i zdjęciu opisują produkt za pomocą parametrów. To nie jest poprawne! Określ dodatkowe cechy w nazwie i łączu, co pomoże wyszukiwarkom przynieść Ci ukierunkowanych klientów. W oparciu o powyższe nazwy, linki powinny być iphone7-64gb-silver.html i iphone7-64gb-gold.html. Zauważ również, że jeśli użyjesz identyfikatora w linkach do identyfikacji produktu, najlepiej umieścić go na końcu linku, a nie na początku. Wynik to: / iphone7-64gb-silver-379.html, gdzie 379 będzie naszym identyfikatorem.

Na przykładzie tego samego sklepu zalecamy umieszczenie słowa „Kup” przed produktem. Przed konsultacją ze specjalistą SEO, jeśli jest obecny w projekcie, jeśli nie, nie krępuj się. Faktem jest, że osoby poszukujące „iPhone 7” i osoby poszukujące „Kup iPhone 7” często mają różne cele. Po pierwsze, trudniej będzie przebić się w poszukiwaniu „iPhone 7” niż „Kup iPhone 7”. Po drugie, jesteś sklepem internetowym, a Twoja strona iPhone 7 ma na celu jego sprzedaż. A osoba, która chce go kupić, często wyszukuje dokładnie „Kup iPhone 7”. Zawężając segment ruchu przychodzącego do logicznego minimum, zwiększasz swoją pozycję w wyszukiwaniu i zwiększasz prawdopodobieństwo otrzymania docelowego użytkownika.

Wartość tekstu i znaczniki HTML

Istnieje również coś takiego jak stosunek tekstów i znaczników HTML. Możesz myśleć, że nie jest to zadanie programisty. Ale dodając kilka dodatkowych warunków, które zmusią twojego klienta do napisania dłuższego tekstu, w końcu zrobisz coś dobrego dla niego. Jeśli klient jest oburzony, wyjaśnij im, że produkt zawierający opis pierwszego zdania nie może być skuteczny. Osoba, która weszła na stronę, chce przede wszystkim uzyskać odpowiedzi na swoje prośby. Sama treść powinna być jak najbardziej informacyjna. Wszystkie elementy projektu, zdjęcia itp. - to po prostu kolorowa skóra dla wygodniejszego postrzegania treści. Cała strona powinna być utworzona wokół treści, a nie odwrotnie. Stosunek co najmniej 40% / 60% na korzyść tekstów jest uważany za skuteczny.

Użyj nagłówków HTTP

Wszystkie strony muszą odpowiadać poprawnymi nagłówkami HTTP. Jeśli osoba trafi na stronę z treścią, nagłówek powinien mieć wartość 200. Jeśli trafisz na stronę błędu 404, nagłówek HTTP powinien mieć wartość 404. Istnieje wiele witryn, w których dana osoba trafia na stronę z błędem 404, ale w rzeczywistości przeglądarka otrzymuje odpowiedź 200. To nie jest poprawne. Wyszukiwarki znajdą taką stronę dla prawdziwej strony, a ponieważ prawdopodobnie istnieje wiele takich stron, drugim negatywnym czynnikiem będą również duplikaty.

W PHP nagłówki są oznaczone następująco:

# Nagłówek strony roboczej („HTTP / 1.0 200 OK”); # Nie znaleziono nagłówka strony („HTTP / 1.0 404 Not Found”); # Strona przeniosła się na zawsze nagłówek („HTTP / 1.0 301 Moved Permanently”); # Strona tymczasowo przesunęła nagłówek („HTTP / 1.0 302 Moved Temporarily”); # Strona nie jest zmieniana (przy użyciu pamięci podręcznej przeglądarki) („HTTP / 1.0 304 Not Modified”);

Listę wszystkich kodów HTTP można znaleźć, na przykład, na Oficjalna strona PHP

Unikaj technologii Flash i iFrame

Jeśli chodzi o standardy sieciowe, na szczęście wszystko poszło dokładnie w najlepszym kierunku. Raz, w 2000 r., Flash Macromedia (przed zakupem Adobe) było bardzo fajnie. Internet stał się z nim bardziej interaktywny i żywy. Wcześniej nie mogliśmy uzyskać takiej samej interaktywności i podobnej interakcji z klientem za pośrednictwem HTML5, CSS3. To było smutne. Nawet wszystkie przeglądarki działały samodzielnie. Aby osiągnąć coś w różnych przeglądarkach, trzeba było mocno puffować. Dziś wszystko jest przedstawione w najlepszym świetle. Dzięki HTML5, CSS3, JavaScript możesz tworzyć wszystko, co przychodzi Ci na myśl. Ponadto Adobe oficjalnie ogłosiło o wstrzymaniu wsparcia dla Adobe Flash od 2020 roku. Uważaj na Flash i iFrame, wykonaj wszystkie alternatywne sposoby, które są czasami skuteczne i dostępne.

Śledź szybkość ładowania strony

Innym bardzo ważnym czynnikiem podczas budowania strony internetowej jest szybkość generowania i ostateczne ładowanie strony. Lwia część odwiedzających opuszcza witrynę z powodu długiego obciążenia strony. Prawdopodobnie sam nie raz zamknąłeś kartę w przeglądarce po przełączeniu z wyszukiwarki, która była ładowana przez bardzo, bardzo długi czas. Zawsze znajdziesz alternatywę. Aby użytkownicy nie szukali alternatyw, prosimy o szybką prezentację informacji. Zalecany czas generowania i ładowania strony to 1-2 sekundy. Jest to ideał, do którego należy dążyć. I niech te liczby cię nie wystraszą - są całkiem możliwe do zrealizowania dzięki obecnym technologiom.

Kilka wskazówek, aby przyspieszyć ładowanie strony:

  1. skonfigurować buforowanie statyczne po stronie serwera;
  2. używaj pamięci podręcznej przeglądarki tak bardzo, jak to możliwe;
  3. włącz kompresję gzip;
  4. zminimalizuj JS, pliki CSS, a najlepiej strony HTML;
  5. zoptymalizuj wszystkie zdjęcia wyjściowe i elementy projektu, które są zbudowane ze zdjęć;
  6. użyj ikon czcionek;
  7. kwerendy bazy danych pamięci podręcznej;
  8. zmniejszyć liczbę kolejnych połączeń z przeglądarką;
  9. i oczywiście wybierz dobry serwer, z poprawną konfiguracją i wysokim czasem działania;

Więcej informacji na temat optymalizacji szybkości ładowania strony można przeczytać w naszym poprzednim artykule - Jak przyspieszyć stronę ładowania .

Używaj bułki tartej prawidłowo.

Łączenie wewnętrzne, bułka tarta i dane strukturalne Jest to również bardzo ważne dla wysokich wyników wyszukiwania. Twoja witryna może mieć logiczną nawigację, logiczne sekcje dla zwykłego gościa, ale całkowicie niezrozumiałą strukturę wyszukiwarki. Ze względu na to, że jeden nie przeszkadza sobie nawzajem, zdecydowanie warto stosować się do niektórych zaleceń podczas budowania nawigacji i okruchów chleba. Jeśli nagle ktoś nie wie, co dokładnie nazywają „okruszkami chleba” (z angielskiej okruchów chleba), jest to element nawigacyjny reprezentujący ścieżkę od strony głównej do strony, w której znajduje się użytkownik.

Na przykład osoba przeniosła się z głównej do kategorii „Smartfony” , a następnie przeszła do wewnętrznej kategorii „Apple” , a następnie do strony produktu „iPhone 7” . Na stronie produktu końcowego bułka tarta powinna wyglądać tak:
Dom Smartfony Apple ›IPhone 7
Wszystko jest logiczne i zrozumiałe dla użytkownika. Aby być jasnym i wyszukiwarek, musisz przestrzegać pewnych zasad, aby je utworzyć dane strukturalne . Informacje na temat tworzenia poprawnych danych strukturalnych są wystarczające na oficjalnych stronach Google, Yandex, Bing. W niedalekiej przyszłości napiszemy artykuł opisujący „ustrukturyzowane dane” w oparciu o wspólne przykłady i łatwiejszą interpretację.

Użyj zaufanych certyfikatów SSL

Oszczędzanie, zwłaszcza na początkowych etapach działalności, jest tym, co wielu robi. A sprawa jest całkiem uczciwa. Od początkowych etapów budowania nowej działalności bardzo ważne jest skupienie się na produkcie. Ale czasami oszczędzanie wszędzie prowadzi do katastrofalnych rezultatów. To oświadczenie dotyczy samoobsługowych lub bezpłatnych certyfikatów SSL, które mogą, ale nie muszą działać. Umieszczasz swój domowy certyfikat SSL, aby zaoszczędzić 10-20 USD, wszystko działa - wszystko jest super. Pewnego dnia wejdź na stronę i zauważ, że daje błąd sieciowy :: ERR_CERT_COMMON_NAME_INVALID lub przeglądarka zgłasza, że ​​zainstalowany jest jakiś wątpliwy SSL i nie powinieneś mu ufać (certyfikat bezpieczeństwa witryny nie jest zaufany!). I jest napisane tak przerażająco, na czerwono, w tle, czerwonymi literami. Aby uniknąć takich sytuacji, warto kupić certyfikat od zaufanych dostawców, a na świecie jest ich tylko kilka. Aby nie wydawać dużo pieniędzy na początkowym etapie, najprawdopodobniej będziesz musiał zakupić SSL z weryfikacją domeny Comodo Positive SSL co średnio kosztuje około 8 USD. Możesz także przeczytać nasz poprzedni artykuł na temat świadczeń. HTTPS vs. HTTP .

Pamiętaj, aby używać adresów URL SEO

Chociaż krótko omówiliśmy to zalecenie w paragrafie 1, uważamy, że konieczne jest dostarczenie bardziej szczegółowych informacji na temat organizacji poprawnych i zrozumiałych linków na stronie. Odpowiedni zoptymalizowany link SEO powinien zawierać logiczny łańcuch nawigacji. Weźmy ten sam przykład sklepu internetowego, w którym osoba przeniosła się z głównej do kategorii „Smartfony” , a następnie przeszła do wewnętrznej kategorii „Apple” i wreszcie trafiła na stronę produktu „iPhone 7” . Ostatnia strona powinna mieć na przykład link / smartfony / apple / iphone-7.html . Tę opcję można uznać za idealną. Ale jeśli musisz także umieścić identyfikatory kategorii i produktu, możesz również użyć opcji / smartphones- 3 / apple- 1 / iphone - 7-56.html , gdzie 3, 1 i 56 na końcu każdego bloku jest identyfikatorem. Łącze to w pełni spełnia wszystkie wymagania, a także ma logiczny wygląd dla przeciętnego użytkownika. W związku z tym strona kategorii powinna zawierać link do formularza: / smartphones / apple / . Nie zaniedbuj tej rekomendacji, wyniki rankingu Twojej witryny według wyszukiwarki zależą od poprawnych linków SEO.

Czasami pojawia się pytanie o wykorzystanie dużych zasobów do utworzenia takiego linku lub użycie „miękkich” linków, ale jednocześnie oszczędzenie czasu ładowania strony. To nie jest wyjątek i osobiście napotkaliśmy tę sytuację więcej niż raz. W tym miejscu należy nadać pierwszeństwo linkom SEO, a nawet jeśli strona jest generowana na 0.01s dłużej, ale wszystkie publiczne, zauważ dokładnie te publiczne, mają wygląd SEO. Aby zrekompensować koszty zasobów, możesz użyć alternatywnych opcji dla linków w miejscach, w których wyszukiwarka ich nie zobaczy, i przekierować na link SEO.

Podajmy przykład, aby jasno zrozumieć, o co chodzi. Przykład dotyczy tej samej strony / smartfonów / apple / iphone-7.html . Na wszystkich publicznych stronach ten link powinien wyglądać następująco. Strony publiczne to takie, które widzi i indeksuje wyszukiwarka. W naszym przykładzie ten link można znaleźć w kategorii / smartfonach / jabłku / . Istnieją również strony niepubliczne . Na przykład konto użytkownika, biuletyny e-mail i inne. Ta wyszukiwarka nie zobaczy, a tam możesz bezpiecznie utworzyć link, na przykład: /? Produkt = 56 . Osoba podąża za tym linkiem, a następnie przekierowuje na stronę / smartphones / apple / iphone-7.html . Powiesz, jakiego rodzaju oszczędności, jeśli w końcu przekierowanie, nadal musisz wykonywać działania obliczeniowe? Oszczędności polegają na tym, że osoba może przejść lub nie kliknąć na link z konta osobistego, z listy mailingowej i innych miejsc niepublicznych. A nasza moc obliczeniowa będzie używana wyłącznie w momencie przejścia. W przeciwieństwie do tego, że na liście produktów w katalogu ta moc obliczeniowa jest używana dla wszystkich produktów, nie licząc faktu, że odwiedzający przejdzie tylko jeden produkt z emisji.

Mało przydatne

Na koniec zostawmy kilka linków do przydatnych materiałów i zasobów.
Pamiętaj: im lepszy jest Twój produkt, tym bardziej jesteś wartościowy!

  1. Google webmaster
  2. Webmaster Yandex
  3. Bing Webmaster
  4. Informacje na temat robots.txt
  5. Lista kodów ISO 639-1 (języki)
  6. Lista kodów HTTP
  7. Weryfikacja danych strukturalnych
  8. Walidator JSON
  9. Walidator W3C
  10. Kraken.io - optymalizator obrazu

Powiesz, jakiego rodzaju oszczędności, jeśli w końcu przekierowanie, nadal musisz wykonywać działania obliczeniowe?