Съдържание
On-Page SEO елементи

Здравейте приятели,
В този пост ще разгледам най-необходимите On-Page SEO елементи, без които един сайт не може да бъде индексиран и класиран коректно.
Нека да започнем:
1. On-Page SEO мета елементи за търсачки:
Title - заглавие на страницата: <title>Заглавие</title>
Description - кратко описание на страницата, лимитирано до 156 символа, което се появява при търсене: <meta name="description" content="ОПИСАНИЕ"/>
Каноничен линк - определя URL-а на оригиналната страница и следва да бъде поставен на нея и на всички нейни дубликати ( ако има налични такива ): <link rel="canonical" href="URL"/>
Date - мета елементи за дата и час на:
- публикуване на страницата <meta property="article:published_time" content="2015-06-29T23:13:52+00:00" />
- нейната модификация: <meta property="article:modified_time" content="2015-06-30T09:42:07+00:00" />
Инструкции за роботите на търсачките (индивидуално за всяка страница), чрез които да зададете дали дадената страница следва да бъде индексирана или не, както и други параметри. Пример за инструкция за индексиране и последване на наличните линкове: <meta name="robots" content="index, follow" />
Мета елементи за видео съдържание - подпомагат класирането на страницата при наличие на видео съдържание в нея. Ще оставя експертите от Cloxy да ви обяснят за тези мета елементи в детайли чрез тази публикация в блога им.
Мета елемент за автор на страницата - тук умишлено не давам пример, защото този мета елемент може да бъде представен по различни начини, като най-популярните в днешно време са microdata форматите. Полезно е да имате такива мета елементи, но както ще видите малко по-надолу в публикацията, те не са единствените, свързани с автора на страницата.
Мета елементи за език на страницата - чрез тях можете да помогнете на робота да се ориентира по време на индексирането, независимо, че съвременните роботи се справят ефективно с разпознаването на езика и без тези елементи. Пример за страница с англоезичен текст: <meta name="language" content="en-us" />
Ключови думи - тези On-Page SEO елементи не са необходими в днешно време. Въпреки това съм забелязал, че ако са подбрани коректно и след качествена Off-Page оптимизация ( изграждане на надеждни линкове от сродни сайтове ) те могат да спомогнат за класирането на страницата. Можете да ги използвате, но не очаквайте голяма полза от тях. Пример: <meta name="keywords" content="КЛЮЧОВИ ДУМИ, ОТДЕЛЕНИ СЪС ЗАПЕТАЯ"/>
Microdata - акцентирайте над добавяне на детайлно описание за сайта и неговите официални профили в различните социални мрежи. Ако Google пожелае да индексира и покаже тази информация, това ще позволи на посетителите да научат повече за вас като бранд и съответно да ви последват. Повече информация можете да получите от тук.
H1, H2, H3 и другите налични тагове - следва да бъдат използвани на всяка страница по предназначение и да съдържат релевантни ключови думи: <h1>ТЕКСТ</h1>
Използване на bold текст за акцент: <strong>ТЕКСТ</strong>
Използване на italic текст за акцент: <em>ТЕКСТ</em>
Използване на изображения с:
- възможно по-малък размер на файла
- съобразени размери (в пиксели) със структурата на сайта - важи най-вече за съвместимост при мобилни устройства width="РАЗМЕР" height="РАЗМЕР"
- подходящо файлово име и title с релевантни ключови думи
- подходящ алтернативен текст с релевантни ключови думи (следва да се постави в HTML кода за изображението) alt="ТЕКСТ"
- удачно описание (важат същите правила за фразите)
Странициране - при наличие на връзки към
- предишни страници: <link rel="prev" href="URL"/>
- следващи страници: <link rel="next" href="URL"/>
Breadcrumb структура - за нея можете да прочетете повече от тази статия в Optibg.com.
Title елемент за изходящите вътрешни и външни линкове от страницата (поставя се в HTML кода за линка): title="ТЕКСТ"
Инструкция NOFOLLOW за роботите за изходящите вътрешни и външни линкове от страницата (поставя се в HTML кода за линка) - следва да се използва предимно за външни линкове и за много често повтарящи се вътрешни изходящи линкове от една страница. Пример: rel="nofollow"
2. On-Page SEO елементи за Open Graph Protocol (OG) и за социалните мрежи:
- Език: <meta property="og:locale" content="en_US" />
- Тип на страницата - пример за статия: <meta property="og:type" content="article" />
- Title: <meta property="og:title" content="ТЕКСТ"/>
- Описание: <meta property="og:description" content="ТЕКСТ"/> - също е лимитирано до 156 символа, а понякога и до по-малко.
- URL на страницата: meta property="og:url" content="URL"/>
- Име на сайта: <meta property="og:site_name" content="ДОМЕЙН"/>
- Страница в Google+, която се явява издател на съдържанието (това е вашата бизнес страница): <link rel="publisher" href="URL на страницата в G+"/>
- Отново страница-издател, но този път във Facebook: <meta property="article:publisher" content="URL към страницата във Facebook"/>
- Автор от гледна точка на Facebook: <meta property="article:author" content="URL към страницата ви във Facebook или публичния ви личен профил в тази социална мрежа" />
- Добавяне на тагове с цел пояснение за какво е съдържанието в OG: <meta property="article:tag" content="ИМЕТО НА ТАГА"/>
- Добавяне на секция (категория) в OG: <meta property="article:section" content="ИМЕ НА КАТЕГОРИЯТА"/>
- Информация за обновление на страницата: <meta property="og:updated_time" content="2015-06-30T09:42:07+00:00" />
- Добавяне на Facebook апликация: <meta property="fb:app_id" content="ID АПЛИКАЦИЯТА В ЦИФРИ" />
- Заглавно (основно) изображение за страницата: <meta property="og:image" content="URL към изображението" />
- Мета елементи за Twitter - twitter:card, twitter:description, twitter:title и други - важни, ако използвате Twitter
3. От какво още се нуждаем за On-Page SEO:
- XML карта на сайта - добавена в Google Webmaster Tools (сега се казва Search Console) и в други подобни инструменти за останалите търсачки. Трябва да е описана и в robots.txt файла
- HTML карта на сайта - подпомага обхождането на сайта, създава повече вътрешни връзки и подпомага посетителите да се ориентират в цялостната структура на съдържанието ви.
- Robots.txt - генерални инструкции за роботите на търсачките за сайта ви. Трябва да бъде наличен в root директорията на хостинга ви и съответно добавен в различните Webmaster Tools.
- .htaccess - настройки на сървъра за оптимизация на скоростта
- Кеширане
- Content Delivery Network (CDN) - служи за по-бързо зареждане на изображенията. Те дефакто няма да бъдат заредени от вашия сървър, което ще намали неговото натоварване и съответно ще увеличи допълнително скоростта на сайта.
- Интегриране на Google Analyticsи различните Webmaster Tools (най-вече Search Console)

![[GDPR] Зареждай Google Fonts локално](/images/posts/gdpr-zarezhday-google-fonts-lokalno/zaredi-google-fonts-lokalno-gdpr-scaled-1.jpg)


