Як використовувати HTML-теги для поліпшення результатів пошукової системи

  1. Тег заголовка
  2. Тег вікна перегляду

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

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

В основному, якщо ви не використовуєте мета-теги HTML, тоді ви не маєте контролю над тим, як відображається ваш сайт.

Там можуть бути деякі люди, які будуть стягувати з вас сотні доларів для реалізації ваших мета-тегів, і вони скажуть вам, що його секретна алгоритм Google лазі, і ви будете вершиною Google за тиждень - гарантовано .

Якщо дістатися до вершини Google було це легко я був би дуже зайнятий підрахунку моїх грошей прямо зараз, щоб написати цю посаду. 😉

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

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

Простіше кажучи, це офіційні частини коду, які універсально визнаються пошуковими системами і знаходяться в розділі <head> </head> у верхній частині вашої HTML-сторінки.

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

<head> <title> Початківці сайту Хочете зробити сайт? Привіт. &lt;/title> <meta name = "description" content = "Хочете створити веб-сайт? Це легко, коли ви знаєте, як це зробити. З безкоштовними навчальними посібниками з доменів, веб-дизайну, маркетингу та багато іншого. . "/> <meta http-equiv =" Вміст-тип "content =" text / html; charset = UTF-8 "/> <meta name =" viewport "content =" ширина = ширина пристрою, початковий масштаб = 1 "> </head>

Ви, напевно, хочете трохи більше інформації про кожну з основних мета-тегів, щоб зрозуміти, що вони є, і чому вони потрібні, чи не так?

Тег заголовка

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

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

Наприклад, у мета-тегах для мого Кращий хостинг WordPress пост я використовую наступне:

<title> Знайти найкращий хостинг для вашого сайту. З сайту Початківець! </title>

Я отримав головне ключове слово як частину пропозиції і об'єднав його з моїм брендингом наприкінці. Природні, і добре для пошукових систем і відвідувачів.

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

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

Ось як мета-теги для початківців сайту вище:

Мої мета-теги (і мій mugshot!) <Meta http-equiv = "Content-Type" content = "text / html; charset = UTF-8" />

Цей мета-тег має дуже просту мету. Він використовується для перевірки набору символів для мови цільової аудиторії.

Тег вікна перегляду

<meta name = "viewport" content = "ширина = ширина пристрою, початковий масштаб = 1">

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

Ви також можете встановити тег так, щоб користувач не міг збільшувати або зменшувати масштаб мобільного пристрою за допомогою стиснення або подвійного торкання. Будьте обережні, тому що деякі користувачі, як це, прокручування і відключення можуть дратувати їх!

<meta name = "keywords" content = "Це, де, ваші, ключові слова, go" />

У минулі роки цей мета-тег був неймовірно корисний. Ви можете заповнити його ключовими словами, які були релевантні для вашого сайту, і це буде великою ознакою для пошукових систем щодо того, про що йшла сторінка.

Поки веб-майстри не зрозуміли, що ви можете вмістити в нього сотні ключових слів і отримати кращі рейтинги пошуку.

Сьогодні тег мета-ключових слів майже навіть не помічений Google, і більшість експертів пошукових систем кажуть, що вам не потрібно турбуватися про їх використання. Я більше не використовую їх на своїх сайтах.

Прощання мета-ім'я = "ключові слова", ви мені добре служили. 🙂

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

<meta name = "robots" content = "немає індексу, не слід" />

Цей тег в основному повідомляє Google не перелічувати сторінку в індексі та ігнорувати посилання на сторінці.

<meta name = "robots" content = "index, no follow" />

Зберігайте свій сайт в індексі, але не дозволяйте боту Google стежити за будь-яким посиланням.

<meta name = "robots" content = "немає індексу, слідуйте" />

Не індексуйте сторінку Google, але ви можете переходити за посиланнями.

<meta name = "robots" content = "index, follow" />

Індексуйте сайт і слідуйте за посиланнями. Це рекомендується для більшості сторінок.

На основній сторінці HTML дуже легко реалізувати мета-теги HTML. Просто скопіюйте та вставте кожен фрагмент на сторінку між <head> </head> і заповніть необхідні вам біти.

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

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

(Відвідали 124 рази, 1 відвідувань сьогодні)

Lt;/title> <meta name = "description" content = "Хочете створити веб-сайт?
Пам'ятайте банди, мета-теги не є чарівними кулями, але реалізація їх може допомогти, і це займе всього кілька хвилин, щоб зробити це - так чому б і ні?