Оптимізація сайту [06] SEO

1. 1. Введення
2. 2. Що таке SEO?
3. 3. Як зробити "хороший SEO"
4. 3.1. Назви сторінок
5. 3.2. Мета-теги
6. 3.3. Текст (вміст) сторінки
7. 3.4. Посилання (гіперпосилання)
8. 3 3.5. Зображення (фотографії)
9. 3.6. Дизайн сайту (організація)
10. 3.7. Швидкість завантаження сторінки
11. 3.8. Sitemaps і robots.txt
12. 4. Висновок

Цей пост має справу з терміном «SEO» (Search Engine Optimization). Спочатку я поясню, що таке SEO, то як це зробити. З відносно коротким вступом.

Зміст:
1. Вступ
2. Що таке SEO?
3. Як зробити "хороший SEO"
… 3.1. Назви сторінок
… 3.2. Мета-теги
… 3.3. Текст (вміст) сторінки
… 3.4. Посилання (гіперпосилання)
… 3.5. Зображення (фотографії)
… 3.6. Дизайн сайту (організація)
… 3.7. Швидкість завантаження сторінки
… 3.8. Sitemaps і robots.txt
4. Висновок

1. Введення

Веб-сайт Велосипеду Gremlin - про велосипеди і велосипеді. Цього літа я зауважив, що під час “гуглінгу” деяких циклічних термінів мій веб-сайт відображається на першій сторінці або серед кількох результатів пошуку. Коли я згадав про це другу, вона відповіла: «Так, я зрозуміла, що ви зробили SEO дуже добре!» Оскільки в той же період, через збільшення трафіку на веб-сайті, у мене були проблеми зі швидкістю завантаження сторінки (і випадковим «500»). час від часу), я експериментував і гугл багато про оптимізацію веб-сайту. Серед статей, що пояснюють це, багато хто з них орієнтувався на оптимізацію SE, і я прочитав декілька з них.

Оскільки основною функцією цього веб-сайту є надання мені особисто, як нагадування / довідки, а потім корисний варіант відповіді на поширені запитання, просто надавши людям посилання з мого сайту (замість того, щоб відповідати на одне й те саме питання за 1000 раз), таким чином, що доступний кожному, в режимі он-лайн, і тому я можу також отримати виправлення та доповнення від інших людей - я вирішив написати пост, пояснюючи все, що я знаю про SEO, і опублікувати його тут. Якщо це допоможе вам - відмінно! Якщо ви знайшли щось відсутнє або виникли помилки, використовуйте розділ коментарів у нижній частині, щоб повідомлення було покращено для майбутніх читачів.

2. Що таке SEO?

Коротка, правильна відповідь: оптимізація сайту, так що пошукові системи (наприклад Google , Yahoo , Bing , DuckDuckGo і т.д.) можна легко побачити, про що йдеться. Якщо ви очікували трохи іншої, або довшої відповіді, варто прочитати наступну главу нижче:

3. Як зробити "хороший SEO"

Є багато статей, які пояснюють це в багатьох деталях і, на мій погляд, ускладнюють його без будь-якої потреби. Дехто стверджує, що, використовуючи свої поради та прийоми, ви можете отримати свою сторінку з рейтингу «на вершині Google» (в іншій частині цього тексту я буду використовувати «Google» як синонім для всіх пошукових систем ). Читаючи статті на цю тему, ви зустрінете такі терміни, як " ключові слова ", " мета-теги " тощо, з поясненнями того, як розумно використовувати їх для того, щоб "зробити Google" ранжувати ваш сайт поверх інших. Чи здається це останнє речення переконливим? Що відбувається, коли мільйони людей читають такий текст і виконують рекомендовані «трюки»? Come Ви також зустрінете терміни " Google Penguin " і " Google Panda ", які є двома з найбільш відомих алгоритмів, які Google реалізував для того, щоб запобігти ефективному використанню "трюків" для більш високого рейтингу.

Суть в тому - Google робить все, що може (і в ньому багато розумних людей і потужних комп'ютерів у розпорядженні), щоб зробити свій пошук таким, що, коли ти вводиш, наприклад: "як налаштувати кермо дорожнього велосипеда?" Ви отримуєте в результатах пошуку сторінки, які дійсно відповідають на це запитання. Якщо у вас є веб-сайт, який продає кермо дорожнього велосипеда, ви можете, використовуючи трюки, переконати Google показати ваш сайт спочатку, коли виконується пошук з прикладу. Однак, коли люди придумують нові трюки, Google думає про шляхи запобігання подібним маніпуляціям. Простіше кажучи, Google ранжує сторінки за те, що вони є .

Отже: спробуйте зробити сторінки, які є корисними для теми, про яку вони йдуть, і Google розпізнає їх. Тепер я дам більш докладне пояснення, з прикладами. Наразі важливо підкреслити та запам'ятати це:

Все, що є гарним і корисним для відвідувача, буде добре зареєстровано в Google. Що відвідувачам не подобається, Google також не буде.

3.1. Назви сторінок

Назва впливає на рейтинг Google. Це правильно. Що негативно впливає на нього ще більше, якщо Google усвідомлює, що назва не відповідає вмісту сторінки. Отже, замість того, щоб турбуватися про "ключові слова", дайте відповідь на наступні запитання:

• Яку назву найкраще описує ця сторінка? На цій сторінці пояснюється пошукова оптимізація веб-сайтів, яку часто називають «SEO». Це і назва.
• Коли я читаю заголовок, чи очікую я побачити / знайти вміст, який фактично знаходиться на сторінці? Приклади з цього сайту: Краще мастило для підшипників велосипеда "І" Змащення велосипедного підшипника - пояснено “. За цими титулами саме те, що вони “обіцяють”.
• Нарешті, коли я бачу довгий список назв , і я шукаю, скажіть: «Як краще класифікувати мій сайт з Google?», Який з них буде найбільш привабливим? Заголовок цієї посади в порядку, але не дуже великий.
  - Якщо повідомлення містить деякі сучасні «трюки», хорошим заголовком буде «Як отримати свій сайт на вершині Google». Однак обман Google не є темою цієї посади, так що не в назві. Тема, як випливає з назви, оптимізація пошукових систем. Люди, які хочуть дізнатися про це, повинні прочитати цей пост. Для них тема була б найбільш привабливою / доречною.
  - Назва "Як отримати ваш сайт на вершині Google" приверне увагу тих, хто бажає обдурити Google, але вони швидко зрозуміють, що їх обдурили і витратили час на відкриття цієї сторінки. Так само Google буде скоріше, чи пізніше, незалежно від того, які інші трюки я спробував отримати високий рейтинг сторінки за те, що він насправді не містить.

Те ж саме стосується імен (заголовків) розділів на сторінці.

3.2. Мета-теги

Мета-теги - це короткий описовий текст, який можна ввести, тому він відображається у списку результатів пошуку. Рисунок 1 пояснює це краще:

Приклад мета-тегів.
Рисунок 1

Тут ви можете ввести короткий опис тексту, версії, автора тощо. Перші 150 символів, як правило, є тими, що показуються, але не більше 300 символів. Решта часто відсікають (малюнок 1). Напишіть короткий текст, що пояснює, про що йде сторінка, щоб люди, читаючи список результатів пошуку, могли отримати уявлення, перш ніж відкрити посилання.

Будь-який вид обману легко помітити - як від відвідувачів, так і від Google. Якщо ви пишете мета-опис, повне ключових слів, він буде виглядати дивно / потворно / неправильно для людей у ​​списку результатів пошуку; і навіть гірше "робота" Google.

Використовуйте опис мета-тегів для того, для чого він призначений: короткий опис того, про що йде сторінка - і ви отримаєте хороші результати.

Мета-описи не відображаються після відвідування сторінки, лише у списку результатів пошуку. Якщо використовується WordPress, Yoast SEO плагін дозволяє просто вводити описи метаданих. На сторінці мета-код опису виглядає наступним чином (невидимий для відвідувачів, якщо не переглянути вихідний код сторінки):

<meta name = "description" content = "Приклад опису мета-тегів." />

3.3. Текст (вміст) сторінки

Це (вміст) має найбільший вплив на рейтинг Google. Вміст повинен бути хорошим . Рекомендується писати коротко і чітко. Добре пояснюючи тему сторінки. Як вміти писати хороші тексти?

• Прочитайте чимало книг або, принаймні, інші хороші тексти, щоб ви могли легко розказувати хороші тексти з поганих і «вбирати» деякі знання.
• Пишіть багато, практикуйте.
• Отримайте гарне розуміння теми, про яку ви пишете.
• Попросіть друга переглянути ваші тексти. Чи є вони достатньо ясними, не надто довгими і т.д.

Це важливо, особливо на початку, доки ви не отримаєте її. Я не буду далі пояснювати хороші методики написання, це не тема тут - є багато хороших книг, текстів і курсів з написання. Побачте, що я зробив зараз? Дотримуйтеся теми. Решта ви можете написати в окремих статтях, посилаючись на них зі сторінки.

Як правило, добре розпочати перший абзац з поясненням того, про що йде сторінка, що вона містить. Це полегшує відвідувачам розповісти, чи варто читати далі, так що ви не витрачаєте нічого на час.

Не заповнюйте текст ключовими словами. Це виглядає погано для читача і Google теж. Наприклад, цей текст стосується SEO, але замість того, щоб заповнювати текст цим словом, я роблю свідоме зусилля, щоб використовувати його якомога менше (23 рази до цих пір!). Сама тема така, що ключове слово просто повинно бути використане, не турбуючись про це, моя мета полягає в тому, щоб зробити це як легко читати і розуміти, наскільки це можливо. Повторюючи назву (ключові слова) сто разів, зміст погано, а також завдає шкоди рейтингу Google. Буквально кожне речення цього абзацу могло б включати (ключове) слово з назви, але що б це було б читати?

3.4. Посилання (гіперпосилання)

Краса Інтернету - це наявність інформації лише одним клацанням миші. Використовуйте його, щоб допомогти відвідувачам. Це робиться за допомогою текстових посилань, які можна натискати, що також називається " гіперпосиланнями ". Не примушуйте його, але коли є щось таке, що може використовувати більше роз'яснень, і це виходить за межі тексту, який ви пишете, використовуйте гіперпосилання на сторінку, яка надає необхідну інформацію, будь то на вашому чи на іншому веб-сайті ( впевнений, що це авторитетний сайт, без вірусів і з хорошим вмістом).

Крім змісту, на який вказує посилання, важливо, як саме «зв'язок» розробляється. Наприклад, попереднє повідомлення в цьому розділі ІТ стосується оптимізації зображень для веб-сайтів. Можливі способи встановлення зв'язків (уявіть жирний текст для посилань):

• Попередній запис у цьому розділі стосується оптимізації зображень для веб-сайтів. Пост тут .
  - це робить безглуздо довгий текст, без чіткої інформації, де посилається посилання, включене в гіперпосилання.
• Попередній запис у цьому розділі стосується оптимізації зображень для веб-сайтів.
  - коротший, але гіперпосилання не пояснює гіперпосилання.
• Попередній запис у цьому розділі оптимізація зображень для веб-сайтів .
  - Право. Текст гіперпосилань також пояснює, де ведуть гіперпосилання.

Коли (сплачені) оголошення пов'язані, це те ж саме, з двома нотами:

• Чітко зазначте, що це платна посилання на оголошення. Наприклад: партнерська посилання Amazon для купівлі Elite HyperX Alloy механічна клавіатура (як Amazon Associate Я отримую від кваліфікаційних покупок).
• Помістіть тег "nofollow" у посиланні, щоб Google знав, що це не якісний вміст, а реклама. Тег невидимий для відвідувачів веб-сайту, тільки Google його бачить. Для WordPress є плагіни, або ви можете просто відкрити текстовий перегляд і вставити його:
  <a href=”https://www.link-to-the-paid-advert” rel=”nofollowAbout> Платне оголошення </a>

Оголошення є єдиним винятком з правила, що все, що ви думаєте, що відвідувачі повинні бачити, Google повинен також бачити. Досі важливо, навіть для оголошень, показувати лише релевантні та цінні речі.

3 3.5. Зображення (фотографії)

Окремо від оптимізація зображень для розміру , з точки зору SEO, важливим є наступне:

• Зображення мають бути якісними, добре поєднаними з дизайном веб-сторінок.
• Ім’я файлу зображення повинно описувати зображення - так і ви, і Google можете розповісти, про що йдеться. Наприклад, зображення 1 можна назвати: «meta-tag_example.jpg». Кнопка реєстрації у верхньому правому куті кожної сторінки на цьому сайті "log-in.png" тощо.
• Alt-tag повинен коротко пояснити, що показує зображення. Тут можна використовувати трохи більше слів, ніж у іменах файлів. Для малюнка 1 це може бути "Приклад опису мета-тегів".

Якщо зображення не завантажується / показується з будь-якої причини, або якщо відвідувач з вадами зору, все, що залишилося - це альт-тег. Так що не забувайте про це, пишіть добрі, чутливі теги.

3.6. Дизайн сайту (організація)

Під цим я маю на увазі організацію контенту та меню, а не естетичний / візуальний дизайн (це окрема тема). Організуйте структуру веб-сайту та посилання так, щоб це було логічно. Це вимагає заздалегідь певного планування і мислення.

Спочатку потрібно розглянути, який вміст буде розміщено на веб-сайті. Веб-сайт BikeGremlin має 8 основних категорій, кожна з яких має декілька підкатегорій. Весь поточний і майбутній контент може логічно відповідати призначеним категоріям. Саме таким чином сайт був розроблений з самого початку і відображений у головному меню зверху (малюнок 2).

Зміст сайту та організація меню.
Рисунок 2

Це ідеально, якщо на одному рівні не більше 7 категорій. Також кожна категорія повинна мати не більше 7 підкатегорій. Кількість вкладених у підкатегорії рівнів не повинна перевищувати 4.

Цей веб-сайт нараховує 7 основних категорій (плюс восьма категорія Головна і синя кнопка пошуку). Було б краще, якби їх було менше.

Тепер ви читаєте пост, який знаходиться в підкатегорії "IT секції" головної категорії "кут Гремліна". Якби я планував писати більше про електроніку взагалі, було б більш доцільно мати основну категорію «Електроніка», з інтернетом, комп'ютерами, смартфонами тощо. EDIT березень 2019: всі ІТ речі були перенесені сюди, на io.bikegremlin.com .

Це ідеально переноситься на структуру зв'язків. Так що цей пост URL може бути:

bike.bikegremlin.com/it-corner/se-optimization/ - або, ще краще:
bike.bikegremlin.com/seo-optimization/ - включаючи плеоназм. 🙂

На жаль, це не стосується цього веб-сайту. Коли я починав, я вирішив відсортувати посади, не знав краще. Оскільки посади тут не для деяких новинних сайтів, дата не є релевантною, майже так само, як і посадова категорія. Зміна цього часу потребує певного часу і налаштування постійне перенаправлення 301 . Не зробіть ту ж помилку, сплануйте своєчасно. Up Єдиний догори, що у випадку певної реорганізації категорій майбутнього я нічого не можу зіпсувати - це вже погано. 🙂
Примітка - якщо використовується WordPress (подібно до мене), ідентифікатор повідомлення створює більш короткий URL, з дуже швидким способом пошуку бази даних, не накладаючи великих навантажень на сервер і не займаючи тривалий час - від того, що я міг дізнатися, для того, щоб не мати «значення SEO», для сайтів WordPress оптимальним вибором для «структури каталогів» є веб-сайт / post_ID / post_name. У цих термінах, використання дати не було таким поганим вибором (це також числові дані, легше для пошуку), але ідентифікатор повідомлення коротше, навіть швидше і тому краще.

EDIT: З листопада 2018 року bikegremlin.com використовує веб-сайт / post_ID / post_name URL структура - повідомлення про реалізацію тут: Постійне посилання на WordPress .

Зробити важливі речі більшими, більш помітними - заголовки, підзаголовки тощо. Google визнає цю структуру на сторінці. Вона також визнає будь-які «зловживання» (занадто великі заголовки з ключовими словами тощо).

ПРИМІТКА: якщо ви подаєте веб-сайт site-map , тоді структура URL-адрес не повинна містити категорій - Google відобразить їх на картах сайтів. У цьому випадку кращі URL-адреси, що містять лише назву сторінки (повідомлення). Унікальний ідентифікатор (як ідентифікатор повідомлення в WordPress), перш ніж назва допоможе прискорити речі динамічних сторінок .

3.7. Швидкість завантаження сторінки

Перегляд веб-сайту з сторінками, які завантажуються, може викликати розчарування. Як я намагався пояснити на цій посаді, Google робить усе можливе, щоб відвідувачам, які використовують свій пошук, обслуговують якісний та релевантний вміст. Ось чому він «каратиме» сайти, які надто повільні. Я написав серію постів оптимізація швидкості сайту .

3.8. Sitemaps і robots.txt

Файл robots.txt поміщається в кореневий каталог веб-сайту, і він повідомляє роботам пошукової системи, що потрібно переглядати та індексувати (а що не потрібно) на веб-сайті. Файли Sitemap - це файли XML, які містять список сторінок веб-сайтів, відсортованих за категоріями, датою або будь-яким іншим способом створених вами XML-файлів. Для WordPress, плагін Yoast SEO робить цю роботу досить добре. На малюнку 3 показано типовий файл robots.txt.

Приклад файлу robots.txt. Не всі посилання правильні, це просто демонстрація.
Малюнок 3

Ви можете переглядати файли .xml із картами сайтів, включаючи списки повідомлень (сторінок), відсортованих за різними критеріями. На малюнку 4 показано вміст категорії-sitemap.xml.

Приклад .xml sitemap.
Малюнок 4

4. Висновок

Це завершує тему SE оптимізації. Не турбуйтеся про SEO багато, турбуйтеся про відвідувачів, Google піклується про решту . Оптимізація SEM ( Search Engine Marketing ) є часто пов'язаною, але різною темою, в яку я не піду. Я просто скажу, що є багато хороших статей на цю тему, а також багато не дуже гарні, які, пояснюючи SEM, також говорять про (ab), використовуючи різні «розумні» «SEO трюки», щоб «допомогти Google рейтингу ». Я вважаю, що читання цієї посади допоможе вам сказати добре від поганого SEM і поради SEO.

Будь-які виправлення, доповнення, похвали більш ніж вітаються. 🙂

Relja Google Новіч