Категории

  • Огнетушители
  • Рукава пожарные
  • Оценка земли
  • Как бизнес
  • Оценка недвижимости
  • Услуги по оценке.
  • Индивидуальные средства защиты
  • ПротивоГАЗы
  • Новости
  • Новости

    Где купить держатель для Айфона в авто

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

    Где выбрать фотоаппарат

    С недавних пор увлекаюсь фото и видео съемкой. Приобрел фотоаппарат от Canon , т.к. доверяю данной компании и сталкивался с их продукцией не раз. И решил приобрести аксессуары для моей камеры. Начал

    HTML & CSS для блоггеров: основы, которые помогут с SEO

    1. Базовый HTML & CSS для блоггеров
    2. Заголовки
    3. содержание
    4. Изображений
    5. связи

    Этот пост представляет первый в моей серии о полезных HTML & CSS для блоггеров.

    Я научился основам веб-дизайна в 11 лет . Это привело к отличной работе на протяжении всех моих студенческих лет и большому количеству внештатных возможностей с тех пор.

    Знание того, как кодировать, особенно в HTML и CSS, больше не является обязательным условием для блоггеров. Простые в использовании темы и плагины, а также WordPress заполнили пробелы между тем, что люди хотят, и их техническим опытом.

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

    Перейти к определенному разделу:

    Базовый HTML & CSS для блоггеров

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

    В общем случае тег имеет две строки, а открывающий тег выглядит примерно так:

    <Тег>

    И конечный тег - это то же самое, что и обратный слеш:

    </ Тег>

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

    Заголовки

    Одна из первых вещей, которая приходит в голову при обсуждении HTML и CSS для блогеров в отношении SEO, - это заголовки.

    <H1> Заголовок </ h1>

    Приведенный выше фрагмент кода представляет тег заголовка. «H» в теге относится к заголовку, число относится к его уровню важности. Тег h1 должен быть названием вашего сообщения в блоге.

    <h2> Подзаголовок с ключевым словом </ h2>

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

    Теги H3-H6 являются дополнительными инструментами подзаголовка, которые вы можете или не можете использовать. Вы можете редактировать размер, цвет, шрифт, положение и другие заголовки в CSS, но мы сохраним этот урок в другой раз. В общем, убедитесь, что теги заголовков имеют смысл для содержимого. Тег h1 должен быть самым большим; все остальное должно уменьшаться оттуда.

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

    В то время как заголовки h2-h6 могут использоваться столько раз на странице, сколько вы хотите или необходимо, заголовки h1 должны использоваться только один раз на страницу. SEO консультант Алистер Гилл говорит, что люди склонны злоупотреблять заголовками h1, потому что они хотят сделать текст больше.

    « Проблема с несколькими h1s заключается в том, что они разбавляют актуальность . Поисковые системы используют их, чтобы решить, о чем контент, поэтому, если вы используете более одного, они должны принять решение о том, что является более важным. ”- Алистер Гилл

    содержание

    Следующие теги HTML и CSS не являются необходимыми для запоминания, но их полезно знать.

    <strong> Текст, выделенный жирным шрифтом </ strong> <em> Курсив текста </ em> <span style = "text-ornament: underline"> Подчеркивает текст </ span>

    Сильно для жирного, em (phasize) для курсива и подчеркивания для подчеркивания. Довольно просто, правда?

    В идеале, однако, все, что имеет «style =», будет размещено в отдельном CSS-документе, а не в коде вашего поста. То, что известно как встроенный CSS (стили CSS на странице, а не отдельный документ), плохо для SEO, поскольку может снизить скорость загрузки страницы. Мы углубимся в эту тему в следующем уроке. Не забудьте подписаться на мою рассылку по электронной почте, чтобы получать уведомления, когда она публикуется (форма регистрации на боковой панели)!

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

    Существуют старые «устаревшие» теги оформления текста, которые в настоящее время считаются устаревшими для поисковых систем. Они включают:

    <b> Текст, выделенный жирным шрифтом </ b> <i> Курсив текста </ i> <u> Подчеркивание текста </ u>

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

    Изображений

    Самая базовая версия HTML изображения для SEO выглядит так:

    <img src = "IMAGE.JPG" alt = "Ключевое слово">

    Часть « img » тега просто говорит странице вызвать изображение. « Src » является источником файла - укажите URL вашего изображения здесь. URL должен содержать ваше ключевое слово, поэтому при необходимости переименуйте, сохраните и повторно загрузите изображение. Команда « alt » изначально была создана для программ чтения с экрана, чтобы помочь людям с ограниченными возможностями пользоваться Интернетом. Хотя вы должны использовать его для описания изображения, также очень важно включить здесь и ключевое слово. Изображение - это мощный коммуникатор, имеющий отношение к поисковой системе, поэтому обязательно используйте его как таковой!

    связи

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

    Хотя WordPress (и другие системы управления контентом с редакторами WYSIWYG) очень легко добавляли ссылки без понимания HTML и CSS, вот как выглядит основной код:

    <a href="http://www.website.com/page.html"> Текст ссылки </a>

    Давайте разберемся с этим:

    «А» является якорем. Это говорит странице, что вы вызываете другую страницу. « Href » похож на « src » в теге изображения. Это говорит странице, что вы вызываете. Между цитатами находятся URL страницы. Между кавычками после кавычек вы добавляете в текст ссылки.

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

    Эти основы позволят вам начать изучать HTML и CSS для блоггеров. Оставьте свои вопросы по HTML и CSS в комментариях, и они могут превратиться в другую будущую тему блога.

    Также опубликовано на Средняя ,

    Довольно просто, правда?