Официальный сайт движения «Москва без Лужкова!»
Главная Новости Москвы Наши новости Популярное
  • Новости
  • Новости
  • ВХОД В ЛИЧНЫЙ КАБИНЕТ
    логин
    пароль
       
    Новости

    Руководство по SEO для разработчиков

    Теперь, когда вы решили полагаться на обычные результаты поиска, чтобы привлечь трафик, вы должны помнить об этом при кодировании своих страниц. SEO - это гораздо больше, чем ключевые слова и контент-маркетинг. Фактически, многие невидимые технические аспекты помогают решить, где страница будет отображаться на странице результатов поисковой системы (SERP).

    Прежде всего, вы должны убедиться, что поисковые системы имеют доступ к вашему сайту, и их роботы могут найти контент вашей страницы. Вы можете увидеть, как сканеры видят вашу страницу в поисковой консоли Google.

    Как только вы убедитесь, что основные элементы вашего сайта можно найти, просмотреть, просканировать и проиндексировать, пришло время использовать эти рекомендации, чтобы роботы могли понять ваши страницы и то, как они соотносятся с ключевыми словами. Самое главное, вам нужно продемонстрировать этим поисковым системам, какой пользовательский интерфейс будет предоставлять ваш сайт.

    Написание URL для SEO

    Чистые URL

    URL страницы очень важен для пользовательского опыта и SEO. Это первое, что сканеры поисковых систем видят и должны рассказать им об этой странице и ее содержании. Ваши URL должны быть чистыми, легко читаемыми, описательными и не содержать параметров URL.

    Взгляните на эти два URL:

    https://www.example.com/category/index.jsp?category_id=456&product_id=789&referrer=1011

    https://www.example.com/category/product-name

    Первый URL, безусловно, запутает роботов и пользователей, потому что нет указания, для какой категории или продукта предназначена страница. Когда пользователи сталкиваются со ссылками на этот URL, они с меньшей вероятностью будут нажимать на него, и у поисковых систем будет много проблем с определением актуальности страницы.

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

    Довольно типично в конечном итоге получить параметры URL из-за аналитики и программ отслеживания, или когда ваша CMS предоставляет динамические элементы страницы, такие как фильтры или сортировка. Но если вы используете более продвинутую CMS, такую ​​как WordPress, вы можете переписать URL-адреса, изменив настройки постоянной ссылки в главном меню.

    Но если вы используете более продвинутую CMS, такую ​​как WordPress, вы можете переписать URL-адреса, изменив настройки постоянной ссылки в главном меню

    Оптимизированные URL

    И структура, и слова, которые вы используете в своих URL, имеют решающее значение для SEO. Путь URL помогает поисковым системам понять отношения страницы с остальной частью сайта. Слова, которые вы используете в своем URL, покажут, насколько эта страница релевантна теме или ключевому слову.

    Элементы хорошо оптимизированной структуры URL следующие:

    Краткое и описательное. Использование ключевых слов должно описывать содержание страницы. Если по какой-либо причине вы не можете использовать их в своих URL-адресах, оставьте путь максимально эффективным. Используйте как можно меньше слов и не используйте стоп-слова (например, a, on и т. Д.).

    Дефис, не подчеркивает: вы должны всегда используйте дефисы в URL вместо подчеркивания при разделении слов. Поисковые системы видят дефисы как пробелы, поэтому они могут прочитать URL-адрес следующим образом: example.com/fat-cat-in-a-hat. Подчеркивания не переводятся в разделители слов, поэтому, например: example.com/fat_cat_in_a_hat, они читаются как fatcatinahat. Ерунда.

    Ерунда

    Надпись: Поскольку мы все хотели видеть это после того примера URL, признайте это.

    Ключевые слова в начале. Ваши самые важные ключевые слова должны идти в начале URL. Сканеры присваивают этим словам больше значения - это еще одна причина, по которой ваши URL-адреса будут короткими. Чем меньше слов в URL, тем больше значение у каждого из них. Имейте в виду, вы должны использовать эти ключевые слова естественно. Нет ничего хуже, чем Google, который видит ваш сайт некачественным или спамом. Если вы нацелены на ключевое слово с длинным хвостом, рассмотрите возможность удаления категории из URL.

    Если вы оптимизируете свои URL с помощью ключевых слов, более вероятно, что якорный текст для ваших ссылок будет также использовать релевантные ключевые слова.

    Мета-теги

    Важно, чтобы ваш код создавал качественную страницу для ваших пользователей, но поисковые системы также смотрят на метатеги, чтобы узнать что-то о вашей странице. Даже если вы сами не пишете метатеги (обычно это работа маркетолога), вы все равно должны понимать их роль в SEO.

    Вот три мета-тега, которые важны для вашего SEO:

    Заголовок тег

    Тег заголовка - это очень важный элемент SEO на странице, так как это, вероятно, самый сильный сигнал, который вы можете дать поисковым системам по теме вашей страницы. Используйте самое важное целевое ключевое слово в начале заголовка, чтобы поисковые системы могли видеть, имеет ли оно отношение к запросу.

    Хорошо оптимизированный тег заголовка использует максимум 60 символов, включая пробелы и знаки препинания. Идеальная длина - от 50 до 60 символов. Если вы используете более одного ключевого слова или включаете свой бренд, используйте канал (символ | ).

    Ваш заголовок должен выглядеть примерно так:

    <title> Правила SEO для разработчиков | Руководство по SEO | BrightDesign </ title>

    Кроме того, если вы оптимизируете свой сайт для локального поиска, разумно включить местоположение и отрасль в тег заголовка:

    <title> Пивоварня Даффа | Пиво | Спрингфилд | </ Title>

    Мета Описание

    Это правда, что мета-описания не используются в качестве прямого рейтинга, но они все еще важны для вашего SEO. Поисковые системы будут смотреть на них, чтобы помочь расшифровать тему страницы. Они также объединяются с вашим тегом заголовка для формирования фрагмента поиска, который представляет собой заголовок, ссылку и описание страницы, отображаемые в результатах поиска.

    Хорошее, заманчивое мета-описание работает как своего рода реклама для вашего сайта. Мета-описания, написанные для вашей аудитории, будут привлекать пользователей на ваш сайт, увеличивая рейтинг кликов (CTR), что нравится Google . Это также снизит показатель отказов, если ваша страница предоставит то, что обещано вашим мета-описанием.

    Если это имеет смысл для вашего бренда, вы можете использовать такие слова, как «продажа» или «бесплатная доставка», чтобы привлечь искателей рынка. Этот метатег будет выглядеть примерно так:

    <meta name = ”description” content = ”Ваше краткое описание страницы, которое поощряет посещения страниц” />

    Роботы

    Метатег robots сообщает сканерам, могут ли они индексировать страницу или переходить по ссылкам этой страницы. Этот конкретный метатег не позволит поисковым системам индексировать найденные ими страницы, переходя по ссылкам на других сайтах (что нельзя предотвратить в файле robots.txt).

    <meta name = ”robots” content = ”noindex” />

    Вы можете запретить поисковым системам переходить по ссылкам на вашем сайте, добавив значение «nofollow» в атрибут содержимого. Если на вашей странице много ссылок, которые вы не хотите передавать, или если вы используете платные ссылки, используйте метатег роботов:

    <meta name = ”robots” content = ”noindex, nofollow” />

    Имейте в виду: запрещение страниц с вашим файлом robots.txt не означает, что вам не нужен мета-тег robots. Google не будет индексировать эти страницы, но они могут все еще отображаться в результатах поиска, заменяя описание на « Описание этого результата недоступно из-за robots.txt этого сайта».

    Если вы используете мета-тэг noindex для роботов, также не запрещайте страницу в файле robots.txt - это не позволит сканерам его увидеть.

    Перенаправление

    Разработчики постоянно перемещают информацию по сайту, иногда размещая его по новому URL-адресу и настраивая перенаправления для отправки пользователей на новую страницу. Перенаправления на самом деле хороши для SEO, потому что поисковым системам нравится, когда существует одна каноническая версия чего-либо.

    Если у вас есть два или более путей, чтобы добраться до одного и того же места назначения (например, если вы временно переместили контент в новую папку или если вы скопировали страницы в поддомен), сканеры будут озадачены и будут рассматривать ваши страницы как дублированный контент.

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

    Огромным плюсом использования 301 (постоянных) и 302 (временных) перенаправлений является то, что они проходят полный ссылка сок на страницу назначения. Вы можете перемещать свой контент без страданий с точки зрения рейтинга или трафика. Это также хорошо для пользователей, потому что они не будут попадать на мертвые ссылки или 404 страницы. Гугл лечит 302 перенаправляет, как если бы они были 301 и они передают полное значение на страницу назначения.

    Примечание: не используйте более одного перенаправления подряд. Цепочки перенаправления выглядят подозрительно и низкого качества для Google. Это также замедлит время загрузки для пользователей и неэффективно для вашего сервера.

    Разметка схемы

    Разметка Schema.org это лучший способ рассказать поисковым системам о вашей странице на языке, который они понимают. Вы можете использовать его во многих местах на вашем сайте, например, на странице О нас, чтобы различать адреса, цены, часы работы и т. Д.

    Google использует эту информацию в своих богатых картах Графика знаний и является огромным стимулом для вашего SEO. Хотите увидеть разметку схемы в действии? Просто найдите ваш любимый рецепт:

    Вы заметите, что в результатах поиска по-прежнему используются заголовок, URL и мета-описания, но на этот раз есть фотографии вашего блюда и звездные оценки. Это простая концепция - когда поисковые системы могут понять ваш контент, им легче решить, как он соотносится с различными темами и запросами. Это понимание приводит к более высокому рейтингу релевантных поисков и в конечном итоге ставит вас перед целевой аудиторией.

    Мобильность Дружелюбие

    Мобильность - известный сигнал ранжирования, который измеряется по нескольким различным критериям. Если вы уже создали мобильную версию своего сайта, посмотрите, считается ли она «дружественной для мобильных устройств» с этим Гугл тест ,

    Вы также можете запустить Обзор веб-сайта выяснить, что нужно отрегулировать. Обзор вашего сайта найдет проблемы, которые могут повлиять на мобильность вашего сайта, такие как размер текста или целевой размер.

    Обзор вашего сайта найдет проблемы, которые могут повлиять на мобильность вашего сайта, такие как размер текста или целевой размер

    Скорость мобильной страницы

    Время загрузки - это действительно важная часть удобства для мобильных устройств, поскольку 40% пользователей покидают мобильную страницу, если она не загружалась в течение 3 секунд. Google ожидает, что ваш контент выше фолда (ATF) загрузить за одну секунду или меньше ,

    Числовое время: после обычного процесса поиска DNS, TCP-квитирования и HTTP-запроса у вас есть примерно 400 миллисекунд для загрузки содержимого ATF. Это не невозможно, вы можете ускорить свою мобильную страницу, выполнив следующие действия:

    Оптимизация ваших изображений: использование HTML для уменьшения размера изображения просто изменит его внешний вид. Вместо этого используйте графический редактор, такой как Photoshop, чтобы уменьшить размер изображения.

    В зависимости от кеширования браузера: вы можете использовать кеширование браузера, чтобы уменьшить количество HTTP-запросов.

    Минимизация размера содержимого ATF: исходное TCP-соединение не может полностью использовать пропускную способность соединения в первом цикле передачи, что означает, что количество отправляемых пакетов супер ограничено. Чтобы отобразить содержимое ATF, оно должно быть размером 148 КБ или менее. Важно, чтобы ваш сервер обновлялся, чтобы количество пакетов, отправляемых по первому соединению, не ограничивалось.

    Сокращение кода: удалите все лишние символы из JavaScript и таблиц стилей. Вы можете сделать это с Компрессор YUI или же JSMin , Минимизируя ваш код, вы можете улучшить кэширование, а также уменьшить использование полосы пропускания.

    Использование Google AMP: Google сохраняет страницы с Ускоренная мобильная страница (AMP) разметка в кеше и мгновенно обслуживает их оттуда, и это может реально повлиять на ваш SEO.

    Если у вас все еще возникают проблемы со скоростью страницы, используйте Google PageSpeed ​​Insights , PageSpeed ​​измеряет производительность вашей страницы как мобильных и настольных пользовательских агентов, оценивая время, необходимое для визуализации как контента ATF, так и всей страницы. Есть и другие инструменты браузера, такие как Консоль разработчика для Chrome и Веб-консоль для Firefox, который может обнаружить проблемы на вашей странице.

    Структура мобильного сайта

    Существует три варианта создания мобильной версии вашего сайта: адаптивный дизайн, мобильные субдомены и динамический дизайн.

    Адаптивный дизайн: это лучший выбор, потому что это то, что рекомендует Google. Вам не нужно вносить какие-либо изменения в код, который у вас уже есть, кроме установки метатега viewport, который указывает браузерам отображать страницу в зависимости от размера экрана пользователя. Это выглядит так:

    <meta name = ”viewport” content = ”width-device-width, initial-scale = 1.0” />

    Динамический дизайн . Вы потратите на это больше времени и усилий, чем адаптивный дизайн, поскольку для этого требуется обнаружение пользовательского агента и предоставление другого HTML-кода браузерам для мобильных устройств и компьютеров. Для этого вы должны реализовать HTTP-заголовок var: user-agent, который сообщает поисковым системам, что вы будете предоставлять разный HTML для разных user-agent.

    Чтобы добавить другого пользователя в Apache, добавьте его в ваш .htaccess:

    Заголовок приложения Vary User-Agent

    Для WordPress просто добавьте этот код в functions.php:

    function add_vary_header ($ headers) {
    $ headers ['Vary'] = 'User-Agent';
    вернуть заголовки $;
    }
    add_filter ('wp_headers', 'add_vary_header');

    Чтобы установить другой пользовательский агент через PHP, добавьте этот код:

    <? PHP
    заголовок («Vary: User-Agent, Accept»);
    ?>

    Мобильный поддомен . Этот метод является наиболее трудоемким из трех, поскольку вам необходимо создать совершенно другой мобильный веб-сайт и разместить его на поддомене. Обычно это выглядит как mobile.samplewebsite.com или m.samplewebsite.com. Робот Google фактически не сможет сказать, что эти страницы предназначены для мобильных пользователей, поэтому вам нужно разместить тег rel = ”canonical”, чтобы прояснить связь между дублирующимися страницами. Этот метод сложен, дорог и вообще не рекомендуется - особенно для больших сайтов.

    Заключение

    Хотя может показаться, что поисковые системы пытаются сбить вас с толку, на самом деле это не так. Их главная цель - предоставить пользователям максимально возможный опыт и наиболее релевантные страницы в зависимости от их поисковых целей. Что, кстати, должно быть и вашей целью.

    Помните, что нет никакой гарантии, что вы окажетесь на первом месте в Google. Тем не менее, вы можете оптимизировать все, что вы можете с технической точки зрения, чтобы разумно и методично продвигать ваш сайт вверх в результатах поиска.

    В конце концов, это всегда хорошая идея Аудит вашего сайта с гусеничным чтобы найти необнаруженные проблемы, которые могут повлиять на ваш SEO.

    Jsp?
    Хотите увидеть разметку схемы в действии?

     

    Найди свой район!

    Восточный

    Западный

    Зеленоградский

    Северный

    Северо-Восточный

    Северо-Западный

    Центральный

    Юго-Восточный

    Юго-Западный

    Южный

    Поиск:      


     
    Rambler's Top100
    © 2007 Движение «Москва без Лужкова!»