SEO Советы для Front End

  1. 2 - Тег заголовка и описания
  2. 3 - Дружественный URL
  3. 4 - Изображения
  4. 6 - Используйте CSS-спрайты
  5. 7 - Адаптивные сайты

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

  • Но как мне начать использовать этот инструмент?

Простой! Вам просто нужно дать разрешение на использование Инструментов для веб-мастеров на свой сайт, отправив HTML-файл на FTP (наиболее рекомендуемый метод) или с помощью метатега или других типов проверки.

Хорошо, ты сделал это? Теперь вы можете увидеть, какие ошибки Google указывает на ваш сайт, он покажет вам все, что нужно исправить или исправить, и теперь это ваше дело.

А в самих Инструментах для веб-мастеров у вас есть доступ к Google Page Speed, который является инструментом для демонстрации мячей, который предоставит вам полный отчет о вашем сайте.

Иди туда и взгляни на все это.

2 - Тег заголовка и описания

Тег <title> - это одна из тех вещей, которые Google наиболее релевантен для оптимизации вашего сайта, всегда тщательно планируйте, что вы поместите в заголовок своей страницы, чтобы ваш клиент знал, что он найдет при его вводе.

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

О, вы помните наш инструмент там, Инструменты для веб-мастеров? Это также очень помогает нам с нашими тегами Title и Description, перейдя в Инструменты для веб-мастеров, перейдя в Search Aspect> HTML Enhancements , где вы найдете несколько сообщений об ошибках, таких как:

Какие страницы имеют метатеги <title> и <description>, которые являются дубликатами, слишком длинными, слишком короткими, или даже страницы, которые не имеют заголовка, вы просто вводите его и корректируете.

3 - Дружественный URL

Очень важное правило в SEO - использовать дружественные URL на своей странице. Как:

https://www.meusite.com.br/nome-do-produto и не использовать https://www.meusite.com.br/prod001

Потому что Google читает ваш URL, чтобы узнать, о чем эта страница, еще до того, как вы прочитаете документ.

Итак, давайте обратим внимание на это тоже.

4 - Изображения

У картинок на вашем сайте есть дружеские или нет? Когда вы собираетесь добавить изображение на свой сайт, вас волнует ее имя?

Google не знает, что это за изображение, которое вы добавили, оно только поймет, с какого момента вы говорите с ним, какое это изображение.

Используйте подробные и информативные имена, такие как:

product- name.jpg, а не prod001.jpg

Используйте атрибут ALT на своих изображениях, чтобы сообщить Google, что означает это изображение, чтобы он мог лучше понять его. Как:

Готов! Вы только что заработали еще несколько точек с нашим другом Google.

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

  • Как мы можем замедлить время загрузки сайта?

Два совета:

  • Сократите ваши файлы CSS и JS, удалив комментарии и пробелы.
  • Сжатие размера ваших изображений

И мы можем сделать это с помощью автоматизатора задач, мой любимый это глотание

Вы также можете использовать Page Speed, поскольку у вас будет более точная информация об этом.

6 - Используйте CSS-спрайты

CSS спрайты это метод, в котором мы можем объединить несколько изображений в одно, пытаясь уменьшить количество запросов к серверу.

Один пример, который мне действительно нравится использовать:

  • Предполагая, что вам нужно пойти в пекарню, чтобы купить 10 буханок, но вы должны принести 1 за 1. Было бы слишком утомительно и много времени соглашаться? Но мы можем принести все эти батоны сразу. То же самое относится и к запросам на сервере: серверу гораздо труднее и труднее доставить изображение за изображением, поскольку мы можем доставить все сразу.

Сам Google использует CSS Sprites.

7 - Адаптивные сайты

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

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

Это всего лишь несколько советов, которые помогут вам больше применять методы SEO на своих сайтах.

Но как мне начать использовать этот инструмент?
Хорошо, ты сделал это?
О, вы помните наш инструмент там, Инструменты для веб-мастеров?
Когда вы собираетесь добавить изображение на свой сайт, вас волнует ее имя?
Как мы можем замедлить время загрузки сайта?
1. Было бы слишком утомительно и много времени соглашаться?
Stylish-Portal.infO 2011
При копирование материала активная ссылка на сайт!
Copyright 2004-2016 © www.zone55.ru. All rights reserved.