2 года назад
SEO для движков
no image

Как правильно сверстать шаблон в html или делаем работу верстальщика

visibility1 166

Интересно, как верстальщик подходит к началу работы с psd макетами. В своем пусти развития себя, как интернет – маркетолога, я сталкивался с большим количеством верстальщиков, под разные CMS или просто при создании landing page в Html.

seo verstka.jpg.pagespeed.ce .zhjxps0cc2 Как правильно сверстать шаблон в html или делаем работу верстальщика

Сегодня хочется поговорить о стандартах создания seo оптимизированной верстки сайтов с самого начала этой работы.

Как по-вашему строиться работа верстальщика? Кто-то расписывает для себя этапы работы, кто-то берет макет и начинает его верстать сверху вниз (или снизу-вверх) не имеет значение, главное наличие тех задания. Однако все проблемы современных верстальщиков (или большинства из тех, кого я встречал) являются в непонимании смысла самого процесса seo верстки.

Для верстальщика

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

1. Динамичный мир – мир изменений

Да, скорее всего вы в курсе последних инноваций в мире верстки, и я не буду в этой статье об этом писать. Однако исходя из опыта, вы не в курсе маркетинговых изменений, скорее всего, так как это не подпадает под вашу ответственность. «Укажите это в ТЗ», скажите вы…

Для того, чтобы иметь много клиентов и стать успешным верстальщиком, нужно быть в тренде и создавать качественные веб-проекты на стадии верстки. Желательно включить понимание и маркетинговых «фичь» на уровне автоматизма.

В своем пути я встречал хороших верстальщиков, с понятным и приятным кодом, который не требует практических доработок. Пример – Комсомольская правда или проект «Вгороде».

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

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

3. «Хорошо» – понятие относительное
Начните любить свою работу, начните любить код, который вы пишите – это изменит вас, качество работы и отношение к вам. Создаст условия к появлению хороших высокооплачиваемых проектов.
Несмотря на довольно простые замечания, опыт показал, что вышеупомянутые гении, не дают оценки своему отношению к делу и скорее всего (чаще) относятся с призрением рождая синдром хронической усталости и мнения: «я так устаю от этой работы».

4. Мобильная верстка – наше все
Не нужно об этом забывать! Даже если у вас этого нет в ТЗ или заказчик на столько расслабился, что посчитал верстку под мобильные устройства базовой услугой, которая не требует оговорок. Однако нет, многие попросту лениться писать под мобильники или планшеты и тихонечко умалчивают о наличии подобной опции, вообще. В то время, пока незадачливый заказчик почесывает лысеющую голову и мучает менеджеров на предмет отсутствия роста трафика. Сделайте мобильную версию вашего сайта, тем, о чем не нужно простить заранее, если этого нет в ТЗ. И заказчик, возможно, отблагодарит и вам будет приятно.

5. Типография – такая мелочь
Забавно, если честно. Я даже был поражен отсутствием у некоторых верстальщиков настройки типографии. Даже в базовом понимании, вроде кликабельности ссылок и настройки параметров «:hover», например. На мой взгляд – это тоже базовая корректировка, которая должна быть априори.

6. Чистый код – большая редкость
Стоит ли тут что-то писать? Я понимаю, что seo верстка дело такое не тривиальное, однако пишите чистый код и желательно понятный, ведь, возможно после вас его будут править, а не переписывать с ноля.

Да!

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

Для тех, кто в пути…

А теперь перейдем непосредственно к практике.

Первое, с чего следует начать верстку своего сайте – это создание плана работы. Со временем это может стать рутиной, и вы скажите: «я и так знаю, что делать». Но не спешите, попробуйте сделать подобное действие частью любой вёрстки, даже самой простой – это упорядочит ваши будущие действия.

Я предлагаю, следующую стратегию:

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

  • • Сносите скрипты вниз контента.
  • • Не пишите кода внутри индексного сайта.
  • • Заключайте css в файлы, а сам код в спрайты
  • • И т.д.

Упор на адаптивность! Запомните, в настоящее время никому не нужны не адаптивные сайты, а поисковые системы, если нет адаптивной версии, вовсе понижают сайт в поисковые выдачи.

Соблюдайте современные стандарты CSS и HTML. Создавайте шаблон, который проработает следующие десятки лет во всех ныне существующих браузерах. Это важно и это является гарантией качества вашей работы, если вы показываете в портфолио сайты, которые верстали 5-10 лет назад и в настоящее время они работают без препятствий, это будет лучшим отзывом о вашем профессионализме.

Соблюдайте современные стандарты seo оптимизации сайта. Не нужно делать абы как, забывать про выводмета-тегов и выносить в индексные файлы всяческий мусор. Не забывайте про тегов и индексацию заголовков и title, а также descriptions. В общем оптимизированно SEO Верстка, как базовый продукт, увеличит ваши шансы на получение звания лучшего верстальщика.

Вывод

Вы можете дописать сюда некоторые пункты по вашему усмотрению. Каждый профессионал привык работать, находясь «на своей волне», поэтому стратегию своей работы, вам придётся выстраивать самостоятельно. Важно, что после этого нужно создать стратегию своей работы, которая будет работать постоянно и в дальнейшем. Всем известный факт – человеческое сознание способно привыкнуть ко всему, в том числе и к упорядоченной работе.

Хорошей и продуктивной работы!

 

Статьи по теме

Давайте знакомиться!

Меня зовут, Андрей. Я занимаюсь SEO и онлайн маркетингом уже более 8 лет. Имею обширный опыт продвижения сайтов и составления маркетинговых планов, для разных ниш бизнеса. Опыт работы с крупными брендами. Преподаю очные курсы по SEO продвижению сайтов и интернет - маркетингу в колледже (Тель-Авив, Израиль).

Подробнее...

Email Рассылка

Получайте самые актуальные инструкции по интернет маркетингу и развитию бизнеса. На email вы будете получать только статьи этого блога. Ваш email будет храниться только мной и не будут переданы никому или использованн для СПАМных рассылок. Только полезная и актуальная информация в рассылке.

Комментарии

Всего комментариев: 0
Оставить комментарий

Все комментарии проходят модерацию. Для комментирования статьи, вам не нужно вводить личных данных, только Имя и Текст Комментария

eject