SEO трафик | Оптимизация изображений: атрибуты alt и title для картинок

Как правильно заполнять alt и title для картинок - SEO (СЕО)

Здравствуйте, друзья! В этой заметке хочу рассмотреть атрибуты alt и title для картинок и их важность для SEO трафика. К тому же, оптимизация изображений важный способ продвижения. Ранее писала, как можно заработать в интернете и что прохожу бесплатное обучение в проекте "Одна Семья".

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

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

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


Оптимизация изображений: атрибуты alt и title для картинок

Если идеально сверстан сайт и идеальный хостинг, движок сайта используется профессионально и поддерживается разработчиками, но падает скорость сайта. Что может влиять, ведь текст ничего не весит? Огромную роль играет вес картинок, чтобы страница загружалась быстро, их суммарный вес не должен превышать 1600 килобайт, то есть 1.6 мегабайта.  Команда разработчиков smartbloga постоянно работает по облегчению картинок и постоянно добавляются рекомендации:

  • Все иллюстрации, фотографии, картинки нужно применять в формате jpeg, скриншоты в png, сохранение в правильных форматах, они обеспечат самый эффективный вес.
  • Соотношение сторон изображений использовать 16:9, чтобы внешний вид был одинаковый, аккуратный, чтобы не было вытянутых картинок, узких, широких и разных других, чтобы были в одном формате.
  • Использовать разрешение изображений 730x410 (внутри статьи), расширение 300, качество 40 или 60, иначе картинки будут слишком тяжелые. Для тизера 1920х1080.
  • Не использовать слишком много картинок в маленьких по объему текстах. Нужно придерживаться на каждые 1500 знаков использовать одну картинку, то есть если статья 7000 знаков, то использовать не более 5 картинок. Дефицит текста значительно сыграет роль уменьшения заработка, текст должен преобладать над картинками. Поэтому нужно уменьшать картинки в фотошоп, как сказано здесь.

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

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

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

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

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

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

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

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

К примеру, если у вас по каким-то причинам на сайте не отображаются картинки и читатель не понимает о чем идет речь, то ему это доставляет неудобство в прочтении материала.

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

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

Так как в название изображения текст заголовка картинки прописаны переменная Alt и Title, являются признаками тематики содержимого контента и сообщают поисковым системам, что изображено на конкретном рисунке.

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

SEO оптимизация изображений

В этих целях, чтобы прописать Alt и Title к изображению, нужно открыть редактор нужной статьи и над тизером увидите соответствующие поля. В старом редакторе нужно было правильно прописывать параметры в HTMLL коде. Код для картинок в теле статьи, которые увеличиваются при клике по ним (увеличение нужно для картинок малых размеров, чтобы разглядеть, что на картинках написано или изображено).

alt для картинок

Код для картинок в теле статьи, которые не нужно, чтобы они увеличивались при клике по ним (если увеличение ставить на все картинки, то изображения будут “тяжелыми”, тем самым будут снижать скорость загрузки страницы, поэтому увеличение нужно загружать те изображения, что вы используете в статье малых размеров).

Атрибут Alt для картинок

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

Как увеличить трафик на сайт

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

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

Проверить часто игнорируемые атрибуты тега <img> — Alt и Title и улучшить внутреннюю оптимизацию, тщательно поработать с фото, картинками и изображениями. SEO оптимизация изображений скажется на трафике. Вставить основной ключевой запрос в заголовок, в первые два абзаца, написать интригующие анонсы, давать материал в разном виде, расширить тематику.

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

Новичком невозможно сделать все идеально, постоянно работать с ресурсом, доделывать, докручивать, довинчивать, шлифовать и увеличивать трафик на сайт. Насколько качественно, будет зависеть от каждого, легкость и уровень пассивной работы, объем заработка 1000 или 100 000, все зависит от участника проекта. Команда проекта делится всеми фишками, как увеличить трафик на сайт и секретами с нами.

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

Оптимизация: title, description и тега H1

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

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

  1. Качество хостинга на котором храните свой сайт.
  2. Выдача SMS (система управления сайта). Насколько она шустрая, архитектурно продуманная, корректно работает и поддерживается разработчиками, то есть подстраивается под все современные устройства, обновляется до совершенствования, для исправления технических системных ошибок и недочетов.
  3. Множество тем оформления сайтов. Насколько хорошо сверстана, в том числе под разные устройства экранов: с мобильных устройств, телефонов и планшетов. Плюс все чаще начинают использовать телевизоры для работы с интернетом, для медиа развлечений, для игр и просмотра фильмов.
  4. Правильная работа с сайтом (захламленность сайта).

За первые три пункта с 1-3 отвечают сервера, то за пункт №4 отвечают сами участники обучения: работать правильно и не захламлять ресурс.

Мета теги Title прописывать нужно 50 символов с пробелами, как можно ближе заголовка ключевой запрос, под которое оптимизируется заметка. Главное контролировать заголовок к статье, который выводится в поисковой выдаче и показывает поисковику основную суть о чем пойдет речь в этой статье. Посмотреть исходный код страницы Ctrl +U

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

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

Мета теги Title - главный заголовок

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

Что лучше, стоять в топ 1 и получать 10% посетителей с поисковой выдачи или в топ 3 получать 20% и может не стоит забывать, что мы производим статьи для людей, не только для поисковых машин.

Description - это описание к статье из 140 символов в поисковой выдаче, поисковик может брать из дескрипшн и добавлять к заголовку заметки метки в поиске. Yandex.ru в текущий момент составляет сам, выдергивая релевантный текст к поисковому запросу статьи, а Google отдает предпочтение тексту, который внесли мета тег и выводит его в поиске.

Допустимое значение дескрипшн от 145 до 152, важная информация побуждающая пользователей перейти на сайт, метатег не должен заканчиваться знаками препинания.

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

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

Читайте также: Сколько и как можно заработать на блоге в интернете новичку

Что важно в оптимизации: мета теги Title - 50 символов, правильный description - 140 символов, выработать шаблон сео оптимизации. Нужно работать системно со старыми заметками и двигаться к успеху по плану, который стоит перед участниками.

Ранее мы рассматривали правильный текст в теге H1, который в смартблоге автоматом прописывается к названию заметки - это главный заголовок статьи. Затем идут другие заголовки к тексту статьи. Наша задача — раскрыть информацию в разрезе названия заметки и оптимизировать текст под ключевые поисковые фразы. Использовать в названии, чтобы поисковики понимали под какой запрос человека его поисковой машине будет релевантен вашему контенту.

Технические моменты

В проект приходят взрослое поколение, которое отдает отчет в том, что они хотят и зачем пришли. Более 70% - это люди старше 40 лет, из которых треть вышедшие на пенсию. Перед тем, как запустить проект, перед командой стояла задача, как сделать так, чтобы технические моменты легли на плечи компании IT, профессиональной команды людей интернет сервиса.

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

Команда выявляет ошибки, поправляет и передает инженерам их для дальнейшего решения работы Smartblog PRO, чтобы не допускать ошибок и не мешать ученику в разрезе с технической частью составляющей, получать наивысшие оценки от поисковых машин и быть на высоте, так как получаем дополнительное преимущество различия по сравнению с WordPress, Joomla, в том числе и самописные движки.

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

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

Заключение

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

Подведем черту и еще раз выделим основные моменты, как прописать атрибуты. К примеру, атрибуты: alt для картинок должен глубоким по смыслу и описывать картинку четко, не менее 3–5 слов, не превышать 250 знаков и включать ключевой запрос. Не включать слова «оформить», «купить», «цена» и не спамить. Требования Title похожи на требования к Alt: не должен быть большим и желательно включить ключевой запрос.

Если есть вопросы, пишите, с удовольствием отвечу в комментарии. Заранее благодарю Вас за обратную связь и за репост. 


Сделай репост – выиграй ноутбук!

Каждый месяц 1 числа iBook.pro разыгрывает подарки.

  • Нажми на одну из кнопок соц. сетей
  • Получи персональный купон
  • Выиграй ноутбук LENOVO или HP

Смотреть отзывы

LENOVO или HP от 40-50 т.р., 8-16ГБ DDR4, SSD, экран 15.6", Windows 10

3 комментария

  • Аватар комментатора Людмила Иванова Людмила Иванова
    Надежда, благодарю вас за очень полезную информацию. Я раньше имела блог, но не имела понятия, как правильно создавать и писать статьи на блоге. Когда я вступила в "Большая семья" и стала обучаться всей этой мудрости, я поняла, что это целая наука, писать правильно статьи. И наука, к стати , очень интересная.
    Ответить
    1. Аватар комментатора Надежда Суслова Надежда Суслова
      Людмила, на обучении нам не мудрость рассказывают, а технические моменты и азы блогинга. Такого обучения нет нигде, тем более бесплатно. Проект социальный, как раз для тех людей ориентирован, у кого нет денег и кто не может заплатить достойные деньги за обучение и дорогие курсы.
      Ответить
    2. Аватар комментатора Надежда Суслова Надежда Суслова
      Людмила, желаю вам тоже познать технические моменты и азы блогинга. Такого обучения нет нигде, тем более бесплатно. Проект социальный, как раз для тех людей ориентирован, у кого нет денег и кто не может заплатить достойные деньги за обучение и дорогие курсы. Гордитесь, что вы попали на этот курс, в нем 100 бесплатных шагов, после шага № 50 у вас все встанет на место и вы будете как орешки щелкать в своем блоге. Очень интересные шаги как раз начинаются с шага № 50-60. Которые вы закрепите и потом будете производить такой контент, что у вас все ваши статьи будут в ТОПе. Удачи вам и успехов. Очень мне повезло, что я попала на это обучение, я кажды день жду все нового и нового урока и мне интересно, что будет шаге № 101 -..... Потому, что обучение на этом не закончится, продолжение будет следовать. Спасибо счастливой удачи, что мне попался этот проект. Я очень рада и думаю вы не разочаруетесь.
      Ответить

Добавить комментарий

Отправить комментарий Отменить

Сообщение