Архив рубрики: Продвижение сайта

Кто такой Front-end разработчик

Кто такой Front-end разработчик и как им стать

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

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

Front-end разработчик: кто это и чем он занимается

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

  1. Верстка дизайна. На данном этапе происходит создание структуры html-кода, который вмещает в себя элементы, располагающиеся на страницах сайта (картинки, текст, кнопки и т. д.) и отображающегося в пользовательском окне браузера. Главная цель здесь – добиться того, чтобы каждый элемент дизайна был абсолютно идентичен макету. Помимо HTML здесь используется формальный язык программирования CSS.
  2. Настройка функционирования кнопок, форм регистрации и обратной связи, галерей и прочего необходимого на сайте функционала. Для достижения высоких результатов Front-end должен применять готовый скрипт из библиотеки, либо создавать собственный.
  3. После того как основная часть работы выполнена, он приступает к тестированию работы.
  4. В дальнейшем он может давать рекомендации разработчикам касательно оптимального способа реализации той или иной функции на веб-ресурсе.

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

За что отвечает фронт-энд разработчик

Среди основного набора инструментов, которыми должен свободно владеть специалист, можно отметить JavaScript, HTML и CSS. С их помощью он должен создавать элементы, которые будут доступны для прочтения всем браузерам на ПК и смартфонах. Если предоставленный ему макет не отвечает всем потребностям и идеям проекта, он должен самостоятельно доработать недочеты, учитывая нюансы не только в сфере дизайна, но и технические детали. Помимо этого, он должен уметь пользоваться дополнительными инструментами, такими как библиотека, написанная на языке JavaScript, динамический язык стилей LESS, Backbone и т. д.Все это позволит ему, во-первых, в автоматическом режиме выполнять сложную и в то же время повторяющуюся часть работы, во-вторых, значительно увеличить производительность труда, добиваясь больших результатов за короткое время.

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

Чтобы посмотреть написанный им код, пользователь может вызвать контекстное меню на страницах веб-ресурса, выбрав комбинацию клавиш Ctrl+Shift+L, либо нажав правой кнопкой мыши на свободном месте и перейдя в раздел «Посмотреть код».

Что нужно знать начинающему front-end разработчику

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

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

Также начинающий front-end разработчик должен знать, где именно он может получить соответствующие знания и образование, подкрепленное дипломом. Во-первых, он может поступить в Международный учебный центр IT-образования «Компьютерная академия Шаг». Здесь только очное отделение, а выпускники получают соответствующие сертификаты и международный диплом. На сегодняшний день филиалы академии представлены в шестнадцати странах мира. Во-вторых, можно пройти онлайн-курсы в Образовательном IT-портале GeekBrains. За шестинедельный курс здесь можно пройти стажировку.

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

Как стать front-end разработчиком

Карьерный путь специалиста, как правило, начинается с обычного верстальщика. Далее, в дополнении к имеющимся знаниям рабочей связки HTML+CSS, приобретаются знания и навыки в JavaScript и сопутствующих инструментах, включая графические редакторы. Если человек изначально знает, кем он хочет быть, он может пройти обучение в соответствующих учебных заведениях, что позволит ему узнать основу профессии сразу, а не частями.

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

  1. Совершенствовать свои навыки как специалиста, занимаясь различными проектами в роли фрилансера – это горизонтальный путь развития.
  2. Устроиться в компанию и расти по карьерной лестнице – это вертикальный путь развития.

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

Нейромаркетинг: что это такое?

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

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

Обычный пример: если вы ходили по магазинам, то, наверно, замечали, как в одном — комфортно и приятно, а в другом — обычные товары выглядели непривлекательно, и хотелось поскорее уйти.
На прилавке фрукты выглядят свежими, сладкими, сочными. А придя домой, вы обнаруживаете, что они твердые и невкусные.
Сколько раз вы заходили в магазин одежды и вместо одной вещи уносили две-три? Или совсем другую, которую не планировали брать?

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

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

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

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

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

Реальность на грани фантастики

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

Ранее эти технологии использовались в слуховых аппаратах, в очках Google Glass, в наушниках пловцов и бегунов.

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

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

Технологии нейромаркетинга

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

  • КЭЭГ — количественная электроэнцефалография. Результаты, полученные в графиках, оцифровывают, поэтому метод получил название добавку «количественная». Технология используется для определения реакции человека на просмотренный рекламный ролик, на логотип бренда. Иногда прием испытывают на фильме, чтобы понять, какая концовка сюжета приведет к наибольшей реакции зрителя. Вместе с отслеживанием, куда смотрит человек, можно отследить самые привлекательные и, наоборот, незаметные элементы. С помощью КЭЭГ можно узнать время реакции мозга, но не его участок.
  • фМРТ — функциональная магнитно-резонансная томография. Более сложная технология, требующая дорогостоящего оборудования и обслуживания. Она отлично справляется с распознаванием активности в мозге и была инструментом во многих открытиях. С помощью фМРТ ученые узнают участок реакции, но не время.
    Также популярны окулография, аппараты для записи сердцебиения, температуры тела, электропроводности кожи и мышечного напряжения. В лабораториях информация собирается и анализируется.

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

Технологии продаж на примерах

Еще в далеких 30-х годах прошлого века Эрнст Дитчер предложил бренду Betty Crocker перестать добавлять яичный порошок в смеси для пирога. На чем был основан этот эффект: домохозяйки во время готовки сами клали яйцо. Это придавало им больше уверенности, что результат зависит от них. Женщины стали больше доверять продукту, и бренд добился коммерческого успеха.

Онлайн-бутик Rue La La играет по другим правилам. На его сайте отображается таймер до закрытия магазина, а сам он работает лишь несколько раз в неделю. На платформе творится ажиотаж: покупатели сметают всю обувь, которую выставляют на виртуальную витрину. В чем секрет? В дефиците. Под каждой парой короткая подпись «Остались последние», красный таймер наверху, бесплатная доставка и значительная скидка. У покупателя загорается тревожный сигнал: всего одна, только сейчас, да еще и по скидке, когда можно еще будет приобрести — неизвестно, придется ждать, а может и вообще не будет. Эмоции срабатывают быстрее, чем мозг успевает обдумать необходимость покупки. Шопинг идет бездумно.

Цвета в нейромаркетинге

Товар с хорошим цветом продается всегда. Цвет играет роль при оформлении интернет-магазина: кнопки, шрифты, рамки, изображения, фон. Он должен быть уместен и не конфликтовать с окружающими оттенками. Иногда ассоциация с брендом приходит без упоминания названия или логотипа. Это работа цвета.

Примерно ¼ мозга обрабатывает визуальную информацию. Исследования показывают, что люди дают оценку окружающей среде, продукту или другому человеку в течение 90 секунд после первого просмотра, и 62-90% этого анализа — только о цвете.

Нейромаркетинг: что это такое?

Красный и желтый — смелые, энергичные и заметные. А холодные: синий и зеленый — излучают спокойствие и сдержанность.Coca-Cola активно использует красный на упаковках и в рекламе. Цвет гнева и опасности, но одновременно теплоты и страсти. Научно доказано, что он изменяет сердечный ритм, повышает давление, побуждает к активным действиям. Он есть на логотипах Canon, KFC, Adobe.

Оранжевый — яркий, веселый и дружелюбный, игривый и привлекательный. Fanta, Firefox, Amazon — вы знаете все эти бренды.

Желтый цвет, как и красный, привлекает внимание раньше всех. Солнечный, теплый, яркий, энергичный. «Макдоналдс» использует желтую букву «M» на красном фоне. Lego — белые буквы в желтой обводке на красном фоне. А белые буквы на красной ленте в желтом кружке — Lay’s. Еще примеры: еда SubWay, фотоаппараты Nikon, машины Ferrari, приложение Snapchat.

Зеленый положительно влияет на эмоции, ассоциируется с ростом, возрождением и природой. Стабильность и выносливость, процветание и изобилие, богатство и роскошь. Он собрал в себе все возможные значения. Бренды с зелеными логотипами: Spotify, Starbucks, Land Rover, Microsoft Excel, Android.

Голубой — холодный, чистый, цвет доверия, надежности. Яркие холодные оттенки усиливают ощущение современности и профессионализма, если гармонично сочетаются с серыми. Примеры голубых логотипов: Ford, Twitter, Skype, Vimeo, Microsoft Word.

Синий и темные холодные оттенки дают ощущение стабильности и качества. Они не привлекают внимания, но подчеркивают содержание. Часто используются на сайтах, связанных с наукой, у производителей автомобилей и компьютерного софта. Примеры: Volkswagen, Nokia, Samsung, Visa, Facebook.

Бледный оттенок фиолетового придает ностальгическое, сентиментальное чувство, а более насыщенный темный выглядит по-королевски. Бренды: Milka, Yahoo, Lady Speed Stick.

Чем насыщеннее розовый, тем больше его влияние. Бледные тона часто ассоциируются с девичьим цветом, а пыльные навевают сентиментальные чувства. Яркие оттенки горят молодой энергией, приносят чувство удовольствия. Бренды: Adobe InDesign, LG, Barbie, Cosmopolitan, Pink Panther, Johnson & Johnson.

Коричневый — земной, простой и запоминающийся цвет. Он означает честность и простоту. Как и зеленый, часто используется брендами, выпускающими органический товар. Они используют цвет, чтобы подчеркнуть связь с почвой. Но остальные фирмы избегают в его в логотипах из-за негативных ассоциаций с грязью, хотя это зависит от выбранного оттенка. Кто использует: Aero Nestle, Tourism Australia, Lux, Cafetto.

Монохромные оттенки: белый, серый, черный. Они создают контрасты и выделяют все остальные цвета. Не передают конкретное сообщение, если используются отдельно. Универсальны в использовании. Присутствуют в логотипах: Mercedes-Benz, Apple, Prada, Gucci, Chanel, Disney.

Нейромаркетинг в рекламе

Производители детских товаров экспериментировали с рекламой. В Австралии был проведен эксперимент. Джеймс Бриз использовал технологию отслеживания глаз для измерения направления и продолжительности их движений. Известно, что человеческое лицо на плакате всегда привлекает внимание больше, чем объявление без него. Но если просто вставить фотографию малыша, то покупатели будут сосредоточены на нем, а не на рекламном продукте. Выход был простым. Малыш должен смотреть на товар, и тогда потребители будут тоже ориентироваться на продукт. Они заметят не только лицо, но и заголовок объявления, и даже текст. Если в рекламе человек на что-то смотрит, то и вы переведете туда взгляд.

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

Нейромаркетинг: что это такое?

Как манипулируют с помощью звуков

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

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

Воздействие на вкус

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

Аромамаркетинг

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

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

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

В магазинах с дорогими кожаными изделиями распространен запах дорогой кожи. Все это создает атмосферу, приносит эмоции и запоминается.

Задача нейромаркетинга — ввести человека в легкий транс, дать прочувствовать атмосферу, насладиться ею и продать ему товар. Правильно подобранный аромат повышает продажи на 10%. Но как понять, какой правильный? Экспериментировать. Если посетители не покупают и быстрее уходят — это верный сигнал что-то менять.

Влияние на осязание

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

Воздействие через свет

Вы когда-нибудь задумывались, почему в магазинах разное освещение? Знаете ли вы, что в помещении с уцененными товарами будет яркий и ровный свет, чтобы покупатель видел их с выгодного ракурса?

В мясных лавках освещение будет придавать колбасе аппетитный вид, делая ее розовой и свежей, но едва она окажется дома — и от ее «заманчивости» не останется и следа. А покупатель будет думать, что же его привлекло.

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

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

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

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

Каждый бизнес ищет идеальный вариант и строго придерживается его, зная, как сильно влияет это на продажи и на возвращение покупателей.

Вопросы этичности маркетинга

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

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

Подводим итоги

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

Google Adsense: Вы рискуете своими доходами

Автор:Артём Мáлков

Google Adsense – мировая рекламная сеть от поискового гиганта Google, с которой сотрудничают сотни тысяч (если не миллионов) вебмастеров по всему миру, абсолютно на разных языках.

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

Не так давно я получил сообщение вида:

Вы рискуете своими доходами. На одном или нескольких сайтах нет файла ads.txt. Исправьте эту ошибку, чтобы избежать потери дохода.

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

В чем вся соль этого уведомления?

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

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

Как создать правильный ads.txt для Google Adsense?

Чтобы избавиться от уведомления «Вы рискуете своими доходами…», нужно создать в корне вашего сайта файл ads.txt со следующим содержимым:

google.com, pub-0000000000000000, DIRECT, f08c47fec0942fa0

Где «pub-0000000000000000» – это идентификатор издателя. После этого (через пару дней) уведомление автоматически пропадет.

Как узнать идентификатор (персональный номер) издателя в Google Adsense?

Чтобы узнать идентификатор издателя в Google Adsense, сделайте следующее.

1. Перейдите в панель управления Google Adsense. Если вы в ней не авторизованы – авторизуйтесь.

2. В левом меню откройте раздел «Аккаунт» и выберите в нем «Настройки» – «Информация об аккаунте».Google Adsense: Вы рискуете своими доходами

3. На открывшейся странице в верхней ее части найдите информацию о персональном номере издателя.

Google Adsense: Вы рискуете своими доходами

Скопируйте ее и вставьте в соответствующее место файла ads.txt.

Как узнать, к какому именно сайту относится уведомление «Вы рискуете своими доходами», если у меня их несколько?

Для того чтобы точно узнать, к какому именно сайту (если таковых у вас несколько) относится это уведомление, сделайте следующее.

1. Перейдите в панель управления Google Adsense. Если вы в ней не авторизованы – авторизуйтесь.

2. В левом меню откройте раздел «Сайты» и выберите в нем пункт «Обзор».

Google Adsense: Вы рискуете своими доходами

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

Быстрый переход в этот раздел осуществляется по этой ссылке.

Обязательно ли файл ads.txt должен находиться в корне сайта?

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

Пример такого редиректа:

RewriteRule ^adx.txt for_adsense/ads.txt [R=301,L]

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

Это все, что я хотел рассказать вам касаемо файла ads.txt для Google Adsense. Если у вас остались вопросы – можете посетить официальную справку Google Adsense

Заработок на своем сайте с Google AdSense (личный опыт). Часть 1

Автор:Артём Мáлков

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

Преимущества (плюсы) работы с Google AdSense

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

  1. Легкий старт.
  2. Удобный интерфейс.
  3. Большое количество рекламодателей (включая известные бренды и компании).
  4. Большой выбор форматов рекламы и ее типа.
  5. Высокая оплата (один клик по рекламе может принести вам несколько* долларов).
  6. Несколько способов вывода заработанных средств, включая вывод на карту в банке.

Сайт в систему принимают при минимальных требованиях. Главное – это живая аудитория (пусть и не большая), ну и чтобы сайт не нарушал правила сети (об этом ниже).

Помимо своего сайта, рекламу можно разместить на своем канале Youtube или на блогхостингах.

* цена клика зависит от качества сайта и его тематики.

Недостатки (минусы) работы с Google AdSense

К недостаткам я отнесу следующее.

  1. Минимальный вывод – 100$.
  2. Расчетная валюта – доллары. Плавающее значение в рублях, как вы понимаете.
  3. Очень долгая техническая поддержка.

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

Требования к сайту и правила работы с Google AdSense

Что касается требований к сайту – тут все просто.

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

Это, так сказать, главные требования к сайту. Более подробно об этом вы можете почитать в официальной справке Google AdSense, блок «Правила в отношении контента».

Что касается правил пользования, то они таковы:

  1. Нельзя самому кликать на рекламу и просить об этом друзей/родственников.
  2. Нельзя поощрять пользователей за клики по рекламе.
  3. Нельзя призывать пользователей кликать по рекламе (типа «поддержите сайт и кликните по рекламе», или «кликните по рекламе и вам будет доступен файл»).
  4. Нельзя искусственно увеличивать число кликов/просмотров рекламы, ну или попросту – нельзя накручивать эти показатели.

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

Что будет, если не соблюдать эти правила?

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

Какие языки поддерживаются в Google AdSense?

Как говорилось ранее – не все сайты могут принять в систему. Одним из главных требований для успешного прохождения модерации является язык сайта. На момент написания статьи поддерживаемыми языками в Google AdSense являются:

Английский Арабский Бенгальский Болгарский Венгерский Вьетнамский Греческий Датский Иврит Индонезийский Испанский Испанский (Латинская Америка) Итальянский Каталанский Китайский (традиционный) Китайский (упрощенный) Корейский Латышский Литовский Малайский Немецкий Нидерландский Норвежский Польский Португальский Румынский Русский Сербский Словацкий Словенский Тайский Тамильский Телугу Турецкий Украинский Урду Филиппинский Финский Французский Хинди Хорватский Чешский Шведский Эстонский Японский
 
 

Актуальный список языков доступен в справке сервиса.

Какие форматы и типы рекламных блоков существуют в Google AdSense и где их лучше разместить?

На момент написания статьи в Google AdSense существует 4 типа рекламных блоков, это:

  1. Текстовые и медийные объявления (баннеры, контекст и ссылки).
  2. Рекомендуемый контент (блок с похожими материалами с вашего сайта в связке с рекламой).
  3. Объявления в фиде.
  4. Объявления в статье.

Текстовые и медийные объявления имеют возможность выбора формата и размера рекламного блока.

Выглядят они следующим образом:

Заработок на своем сайте с Google AdSense (личный опыт). Часть 1

А так выглядит блок со ссылками:

Заработок на своем сайте с Google AdSense (личный опыт). Часть 1

Рекламные блоки этого типа хорошо смотрятся в первом экране (под заголовком статьи, в районе шапки, в сайдбаре).

Рекомендуемый контент выглядит следующим образом:

Заработок на своем сайте с Google AdSense (личный опыт). Часть 1

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

Объявления в фиде имеют такой вид:

Заработок на своем сайте с Google AdSense (личный опыт). Часть 1

Они позволяют настроить вид, похожий на краткий вид материалов на вашем сайте, соответственно размещаются также среди анонсов. Адаптивны.

Объявления в статье – также адаптивный вид рекламы, который эффективнее всего смотрится в начале или середине статьи.

Выглядит так:

Заработок на своем сайте с Google AdSense (личный опыт). Часть 1

Теперь рассмотрим ценность этих блоков.

Самые кликабельные (прибыльные) рекламные блоки и темы сайтов в Google AdSense

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

На мой взгляд, самыми прибыльными рекламными блоками в Google AdSense являются:

  1. Большой прямоугольник (336×280).
  2. Средний прямоугольник (300×250).
  3. Адаптивный блок со ссылками.
  4. Объявления в статье.

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

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

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

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

На нашем сайте убрался только полный баннер, а в качестве дополнения мы использовали блок «Объявления в статье», что, кстати говоря, принесло нам немалый доход. Весь акцент мы сделали на полной версии статьи, и если вы заметили – в других разделах сайта нет рекламы от AdSense.

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

  1. Финансы (форекс, банки, инвестиции, бизнес идеи и прочее);
  2. Недвижимость и строительство;
  3. Туризм;
  4. Автомобили;
  5. Знакомства.

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

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

Заработок на своем сайте с Google AdSense (личный опыт). Часть 2

Итак, после того, как мы с вами рассмотрели все особенности начала работы с рекламной сетью от поискового гиганта Google – AdSense, перейдем непосредственно к практической части и посмотрим, что и как тут устроено.

Как добавить сайт в Google AdSense?

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

1. Перейдите по этой ссылке. На открывшейся странице в нижней части экрана вы нажимаете «Зарегистрироваться».

Заработок на своем сайте с Google AdSense (личный опыт). Часть 2

Обратите внимание, что у вас должен быть аккаунт в Google.

На открывшейся странице вы заполняете форму по аналогии:

Заработок на своем сайте с Google AdSense (личный опыт). Часть 2

То есть указываете домен вашего сайта, почту (от Google) и отмечаете желание или нежелание получать рассылку от сервиса, после чего жмете кнопку «Сохранить и продолжить».

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

Заработок на своем сайте с Google AdSense (личный опыт). Часть 2

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

Заработок на своем сайте с Google AdSense (личный опыт). Часть 2

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

Среднее время доставки такого письма – 1–2 недели.

3. Если платежный профиль заполнен, то вы переходите к подтверждению своих прав на указанный при регистрации сайт. У вас открывается новая страница под названием «Связь сайта с аккаунтом AdSense». Выглядит она так:

Заработок на своем сайте с Google AdSense (личный опыт). Часть 2

Здесь вы копируете предложенный код и по рекомендациям AdSense вставляете его на ваш сайт в секцию HEAD, на те страницы, где будет показываться реклама, и только после этого отмечаете пункт «Код добавлен на сайт», а затем жмете кнопку «Готово».

Если вы все сделали правильно – то на выходе вы получите уведомление следующего вида:

Заработок на своем сайте с Google AdSense (личный опыт). Часть 2

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

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

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

Как добавить рекламный блок Google AdSense на свой сайт?

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

1. Авторизоваться в Google AdSense.

2. Перейти в раздел «Объявления», пункт «Рекламные блоки».

Заработок на своем сайте с Google AdSense (личный опыт). Часть 2

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

Заработок на своем сайте с Google AdSense (личный опыт). Часть 2

Где:

Название рекламного блока вы заполняете по желанию, это ориентир для вас.

Размер – выбираете тот, что подходит вам под структуру сайта. В сортировке «Показывается» скрываете/показывайте различные форматы блоков.

Тип объявления – я рекомендую «Текстовые и медийные объявления». В таком случае рекламный блок будет показывать как контекстную рекламу, так и анимационные баннеры. Значение можете выставить и на свое – экспериментируйте.

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

После чего жмете «Сохранить и получить код», и вам предложат код, который вы копируете (желательно без изменений) и вставляете на сайт в нужное вам место.

Обратите внимание, что реклама на сайте появится не сразу. Это зависит и от типа рекламного блока, и от времени его активации. На новых сайтах (так было у меня) появление рекламы осуществлялось в течение дня, на старых же сайтах (те, что уже давно в системе) активация рекламных блоков происходит в течение 10–20 минут.

Как вывести заработанные средства (деньги) с Google AdSense?

На момент написания статьи, Google AdSense поддерживает три способа получения средств.

  1. Система «Рапида».
  2. Банковский перевод (карта).
  3. Чек.

Я свою первую выплату получил на карту Сбербанка, поэтому о данном способе расскажу подробнее.

Как вывести деньги с Google AdSense на карту Сбербанка?

Google AdSense поддерживает выплату на карту любого банка, просто у меня – это Сбербанк, и на его примере я расскажу вам, как вывести деньги из системы.

Важные замечания:

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

Для того, чтобы настроить выплату средств с Google AdSense на карту Сбербанка, сделайте следующее.

1. Когда сумма на вашем счете в Google AdSense пройдет порог минимальной суммы вывода, в панели управления появятся два сообщения.

Первое – это:

Ваши платежи в настоящее время приостановлены. Для возобновления необходимо действие с вашей стороны.
 
 

И второе – это:

Чтобы получать выплаты, выберите действительный платежный инструмент.

Вы переходите в раздел «Платежи» в левом меню и на открывшейся странице выбираете «Добавить способ оплаты».

Заработок на своем сайте с Google AdSense (личный опыт). Часть 2

2. На открывшейся странице вы выбираете «Настроить оплату банковским переводом»:

Заработок на своем сайте с Google AdSense (личный опыт). Часть 2

После этого вас перекинет на форму заполнения данных.

Заработок на своем сайте с Google AdSense (личный опыт). Часть 2

Здесь вы указываете следующее.

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

Название банка и SWIFT BIC вы списываете с таблицы (она прикреплена в конце статьи) в зависимости от того, в каком регионе была сделана карта.

Например, если ваша карта сделана в Москве и области, вам нужны эти данные:

Заработок на своем сайте с Google AdSense (личный опыт). Часть 2

Название банка – копировать то, что на английском языке.

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

2.1. Авторизуйтесь в Сбербанке-онлайн.

2.2. Выберите нужную вам карту и кликните по ней.

2.3. На открывшейся странице выберите вкладку «Информация по карте», пункт «Реквизиты перевода на счет карты» и в новом окне вам будут доступны БИК и номер счета. Их вы копируете и вставляете в соответствующие графы в Google AdSense, по завершении чего жмете кнопку «Сохранить».

Заработок на своем сайте с Google AdSense (личный опыт). Часть 2

3. Снова переходите в раздел «Платежи» в Google AdSense, где жмете ссылку «Выбрать способ оплаты», и на открывшейся странице выбираете ранее добавленный способ оплаты «Банковский перевод на счет…»

Заработок на своем сайте с Google AdSense (личный опыт). Часть 2

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

Выплаты в системе происходят автоматически с 21 по 26 число каждого месяца включительно при преодолении минимальной суммы вывода.

Как перевести сайт на HTTPS

Что такое протокол HTTPS и для чего он нужен

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

3 критичные компонента безопасного использования сайта:

  • аутентификация – пользователь находится на основном сайте, а не на сайте-посреднике;
  • достоверность данных – пользователь видит информацию на сайте так, как она была задумана (не сфальсифицирована);
  • шифрование – защита переписки между пользователем и сайтом.

Основная задача протокола HTTPS состоит в том, чтобы пользователь чувствовал себя также безопасно посещая сайт бизнеса, как если бы он пришёл в офис лично.

Так как HTTPS является основополагающим критерием современного сайта, он является обязательным для многих современных браузеров.

В частности, HTTPS нужен, чтобы использовать:

  • геолокацию;
  • автозаполнение форм;
  • камеру;
  • прогрессивные веб-приложения (PWA);
  • всплывающие уведомления;
  • кеширование и т. д.

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

Как перейти на HTTPS

Чтобы перейти на HTTPS с HTTP, следует перенаправить всех пользователей с URL-адресов HTTP на HTTPS-версию через 301 редирект.

Стандартные шаги переноса сайта:

  • Установите на сайте протокол HTTPS. Для этого понадобится помощь хостинг-провайдера и HTTPS-сертификат. Подойдут любые сертификаты, которые поддерживаются современными браузерами, даже бесплатные. Точные шаги, которые нужно выполнить, зависят от сайта. Иногда достаточно просто изменить настройки.
  • Подтвердите собственность на сайт в Google Search Console. Это позволит отслеживать проблемы, связанные с HTTP/2. Дополнительно можно верифицировать домен, который объединит данные HTTP и HTTPS в одном месте. Используйте те же настройки в Search Console. Проверьте настройки геотаргетинга оставшихся адресов URL, настройки параметров URL, частоты сканирования и отклонения обратных ссылок. При наличии совладельцев, добавьте их тоже.
  • Тщательно протестируйте HTTPS-сайт. Разрешите некоторым пользователям опробовать его. Лучше распознать и исправить несовместимости до перехода на HTTPS. Избегайте смешанного контента, когда HTTPS-страница содержит элементы в HTTP (встроенные изображения, рекламу, скрипт веб-аналитики). Это небезопасно, и пользователи получат оповещение в браузере при распознавании проблемы.

Проверьте:

  • внутренние ссылки и убедитесь, что они ведут на ваш сайт;
  • скрытые ссылки;
  • rel = canonical или rel = alternate hreflang, они должны быть настроены на HTTPS;
  • все URL-адреса начинаются с HTTPS;
  • файлы Sitemaps.
  • Используйте перенаправления на стороне сервера для пересылки запросов из HTTP-версии к версии HTTPS. Перепроверьте вручную, что каждый элемент сайта доступен со старых адресов или используйте сервисы автоматической проверки URL. Разместите Sitemap файл.
  • Отследите ваш переход, регулярно проверяя Search Console, для того чтобы отследить потенциальные проблемы. В частности, проверьте, что ваши файлы Sitemap обрабатываются без задержек и нет неожиданных ошибок сканирования. Проверьте, что отчёт об индексном покрытии показывает рост HTTPS-сайта и что пользователи находят ваш сайт в поисковиках.
  • Через несколько месяцев, когда вы убедитесь, что всё работает, можно рассмотреть вопрос включения HSTS. HSTS (HTTP Strict Transport Security) – механизм, сообщающий браузерам, что проверять HTTP-версию вашего сайта нет необходимости. Для того чтобы включить этот механизм, нужно добавить заголовок при ответе сервера, что отменит необходимость браузерам проверять старую версию HTTP URL-адресов вашего сайта. Можно пойти ещё дальше и добавить ваш сайт в список заранее загружаемых HSTS. Это общий список сайтов, полностью перешедших на HTTPS (используется Chrome).

Часто задаваемые вопросы

На какое время нужно оставлять переадресацию?

В идеале, переадресация остаётся навсегда. Нет причин не перенаправлять с HTTP на HTTPS после переноса сайта.

Можно ли перевести только несколько страниц на HTTPS?

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

Какой сертификат мне получить?

Любой сертификат, поддерживаемый современным браузером. Получить бесплатный сертификат можно через Let’s Encrypt, например.

Сколько времени занимает перенос сайта?

Если всё настроено правильно, обычно процесс для большинства сайтов длится меньше недели. На практике точное время не имеет значения, так как пользователи будут перенаправляться сразу.

Влияет ли перенос сайта на ранжирование?

Как правило, нет. Это всё тот же сайт. Преимущества от HTTPS при ранжировании довольно малы и, как правило, отдельно не заметны.

Можно ли вернуться на HTTP, если что-то пойдёт не так?

Да, но так делать не рекомендуется. Лучше исправить проблему.

Как удалить Турбо-страницы Яндекса и зачем это надо?

Почему стоит удалить Турбо-страницы

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

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

Например, у меня, в отдельных статьях, используется тег <code>. С его помощью я отмечаю код в статьях. Это удобно и для пользователей, которые потом смогут легко скопировать этот программный код, и для меня самого. Но, к сожалению, Турбо-страницы не понимают этого тега, и уже на протяжении года классифицирует этот тег в ленте RSS как ошибку.

Можно, конечно, отладить ленту и исправить ошибку. Но мне не хочется делать это, создавать себе проблемы и налаживать работу этих турбо-страниц, когда у меня итак хорошая скорость загрузки сайта на мобильных. Если у вас тоже, то почему бы просто не удалить Турбо-страницы? Сегодня я расскажу как сделать это.

Как удалить Турбо-страницы

Для того, чтобы удалить Турбо-страницы, мы должны добавить значение false в тег <item turbo>. Это можно сделать вручную, просто открыв xml-файл с фидом. В WordPress это можно реализовать при помощи плагина Яндекс.Турбо от Flector. Далее я приведу последовательность действий, которая поможет вам избавиться от этой технологии раз и навсегда.

Т.к. большая часть моих читателей использует WordPress, я буду рассказывать все на примере этой CMS. Если у вас самописный сайт или какая-то другая платформа, то вы тоже можете воспользоваться этой инструкцией. Исключение — метод добавления элемента <item turbo="false"> в ленту RSS-турбо-страниц. Вам придется делать это либо вручную, либо при помощи каких-то инструментов, которые доступны конкретно в вашей платформе.

Теперь перейдем к непосредственному удалению. Нам нужен плагин Яндекс.Турбо, который доступен в каталоге плагинов WordPress. Идем в «Плагины» — «Добавить новый», вводим в поле поиска ключевое слово «Yandex», нам дают выдачу, нажимаем на кнопку «Установить» возле нужного.

Установка плагина Яндекс Турбо в WordPress

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

Переходим в настройки Яндекс Турбо

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

Отключение турбо-страниц в плагине

Теперь в наш фид добавилась строчка <item turbo="false">, она сообщит Яндексу, что мы не хотим, чтобы Турбо-страницы нашего сайта участвовали в поиске.

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

Добавление источника Турбо-страниц в Яндекс Вебмастер

В течение нескольких дней после добавления источника в тегом <item> турбо-страницы будут удалены. Больше они не будут участвовать в поиске и съедать ваш трафик. Вы в любой момент сможете вернуть их, если просто уберете запрещающий элемент из фида. В случае с плагином Яндекс Турбо достаточно просто убрать галочку с соответствующего пункта и заново добавить ссылку в Яндекс Вебмастер.

Также про удаление турбо-страниц можно почитать в официальной документации Яндекса.

Заключение

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

Yandex.News Feed by Teplitsa − это плагин для сервиса Яндекс.Новости

В этом видеоуроке вы узнаете, как установить плагин для сайта на WordPress, который позволяет организовать трансляцию материалов вашего сайта для сервиса Яндекс.Новости. Yandex.News Feed by Teplitsa − это плагин, созданный Теплицей социальных технологий. 

Многие  используют именно Яндекс.Новости как сервис для получения новостей практически каждый день. Простота сервиса и наличие выбора нужной тематики делает Яндекс.Новости удобным и популярным, а значит, его читают огромное количество людей.

Задача плагина − облегчить интеграцию любого сайта на WordPress с Яндекс.Новостями, позволив авторам сайта избежать сложно настраиваемых технических решений.

Из уникальных плюсов для сайта после добавления в Яндекс.Новости можно выделить следующие: мгновенная индексация страниц и дополнительный трафик на ваш сайт (в некоторых случаях до 30%).

Скачать плагин Yandex.News Feed by Teplitsa.

Недавно мы анонсировали новую версию плагина Yandex.News Feed by Teplitsa для автоматической трансляции материалов вашего сайта в Яндекс.Новости. Сегодня Анна Ладошкина, эксперт и веб-разработчик Теплицы, делится подробностями использования плагина для интеграции вашего сайта с этим сервисом.

Ваш сайт и служба Яндекс.Новости — точки соприкосновения

Служба Яндекс.Новости  хорошо известный, новостной сервис компании Яндекс.

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

В разделе Информация для СМИ, можно прочитать о порядке «вхождения» сайта в индекс сервиса.

Все очень просто: на вашем сайте по специально выделенному адресуроботу Яндекса должен быть доступен файл (или страница), содержащий информацию, удовлетворяющую требованиям к содержанию и техническим требованиям. После того как вы обеспечили наличие такой страницы, необходимо обратиться в службу Яндекса по адресу info@news.yandex.ru и направить заявку на участие в качестве партнера.

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

Страница Теплицы социальных технологий в службе Яндекс.Новости
СТРАНИЦА ТЕПЛИЦЫ СОЦИАЛЬНЫХ ТЕХНОЛОГИЙ В СЛУЖБЕ ЯНДЕКС.НОВОСТИ.

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

Настройка трансляции на сайте под управлением WordPress

Технические требования к формату трансляции изложены в соответствующем документе и вкратце сводятся к следующему:

  • трансляция должна осуществляться в формате RSS 2.0;
  • все текстовые элементы должны иметь соответствующее форматирование;
  • все медиа, сопровождающие публикацию (изображения, видео), должны оформляться как отдельные вложения;
  • для каждого элемента трансляции может быть указана единственная рубрика из заранее определенного списка;
  • в трансляцию не должны попадать материалы определенных типов, например, анонсы мероприятий или пресс-релизы.

Чтобы обеспечить выполнение всех этих требований в автоматическом режиме, рекомендуем воспользоваться плагином, созданным Теплицей социальных технологий,  Yandex.News Feed by Teplitsa.

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

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

После установки и активации плагин создает свою страницу настроек в меню Настройки -> Яндекс.Новости.

Экран настроек плагина Yandex.News Feed by Teplitsa
ЭКРАН НАСТРОЕК ПЛАГИНА YANDEX.NEWS FEED BY TEPLITSA.

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

Сама трансляция после установки доступна по адресу your-domain.ru/yandex/news/. Иногда после активации этот адрес выдает ошибку 404. В этом случае необходимо вернуться в административный интерфейс и зайти на страницу Настройки -> Постоянные ссылки. Это вызовет новую генерацию правил роутинга, и адрес будет обрабатываться корректно.

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

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

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

Область индивидуальных настроек записи на экране редактирования
ОБЛАСТЬ ИНДИВИДУАЛЬНЫХ НАСТРОЕК ЗАПИСИ НА ЭКРАНЕ РЕДАКТИРОВАНИЯ.

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

Отформатированная страница трансляции в браузере Firefox
ОТФОРМАТИРОВАННАЯ СТРАНИЦА ТРАНСЛЯЦИИ В БРАУЗЕРЕ FIREFOX.

В браузере Google Chrome такого оформления нет, и код трансляции доступен сразу. В браузере Firefox можно указать команду view-source перед ссылкой в строке браузера для просмотра исходного кода.

Часто задаваемые вопросы

Мы регулярно получаем вопросы от пользователей плагина, на которые, пользуясь случаем, хотелось бы ответить.

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

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

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

Я ничего не понял, можете помочь? Можно всегда задать вопрос разработчикам плагина, написав сообщение на support@te-st.ru. Если вы хотите сообщить нам об ошибке или проблемах, связанных с плагином на вашем сайте, пожалуйста, укажите ссылку на него.

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

Страница захвата

Страница захвата

Страница захвата

У вас есть сайт, есть рассылка. Надо, чтобы люди на эту рассылку подписывались.

Задача не совсем очевидная, потому что если просто повесить на сайте предложение: «Подпишитесь на мою рассылку», то, как мы уже говорили, почему-то подписываются единицы. Если предлагать что-то получить взамен бесплатно – уже лучше.

Но еще лучше, когда вы делаете отдельную страницу захвата. Цель этой страницы – одна-единственная: получить контакты клиента.

Страница захвата

 

Рис. 4. Пример страницы захвата – http://4winners.ru/7effskills.html

 

Задача этой страницы – использовать весь подконтрольный вам трафик.

Именно на эту страницу вы направляете трафик из «Яндекс. Директ», Google AdWords, от ваших партнеров, с ваших визиток и так далее.

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

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

Страница «О нас» имеет большое значение

Страница «О нас» имеет большое значение

Сегодня, чтобы выглядеть убедительно, очень важно заполнить на сайте страницу «О нас».

Здесь должна быть представлена следующая информация:

• краткий обзор ваших услуг и ценности, которую вы предлагаете покупателю;

• краткая формулировка вашей миссии или объяснение того, почему вы занялись этим бизнесом;

• адрес электронной почты и другая контактная информация.

 

И еще – ваша фотография (и фотографии команды, если вы работаете в команде).

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

Базовая настройка Google Analytics

Ведущий специалист отдела контекстной рекламы Convert Monster Александр Науменко расскажет, как установить и настроить счетчик Google Analytics. Google Analytics (по умолчанию) записывает в отказы все посещения, завершившееся уходом пользователя с сайта без каких-либо взаимодействий.

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

В Яндекс.Метрике: отказом считается посещение, в котором пользователь просмотрел всего одну страницу и посвятил ее просмотру менее 15 секунд. Во всех остальных случаях отказа не будет. Для того, чтобы корректно отслеживать показатель отказов в GA, код счетчика необходимо изменить.

Просто вставьте следующую строку перед закрывающим тегом /script кода Google Analytics.

Для кода с библиотекой gtag.js: setTimeout(function(){gtag(‘event’, location.pathname, {‘event_category’: ‘Новый посетитель’});}, 15000);

Для кода с библиотекой analytics.js (старая версия счетчика): setTimeout(function() {ga(‘send’, ‘event’,

‘Новый посетитель’, location.pathname);}, 15000);

Раскрутка молодого сайта (Как раскрутить сайт бесплатно и быстро)

Продвижение нового молодого сайта с нуля сопряжено с рядом трудностей. Часто не знаешь, за что хвататься — для того, чтобы продвинуть свой сайт в ТОП, да и еще сделать это быстро (и конечно же бесплатно), не все стратегии годятся. Ко мне часто обращаются с этим вопросом — «Как раскрутить сайт в интернете». В этом ролике я постарался рассказать ответы на основные моменты, сопряженные с ним. Плюс не стоит забывать просто про оптимизацию своего ресурса — без хорошего сайта занять верх в поисковике может быть непосильной задачей.

SEOquick

Что делать когда переходы (клики) на сайт есть, а продаж НЕТ?

Что делать когда переходы (клики) на сайт есть, а продаже НЕТ

В этом видео Вы узнаете почему на Ваш сайт переходят из рекламы посетители, но не покупают. Прежде всего, Вы должны понимать что на конверсию (покупку) влияют много факторов. Большинство начинающих рекламодателей не могут брать в зону своего внимания каждый фактор. Более того, тестировать их — не простая задача, кроме того это занимает много времени и требует много денег. В этом видео я покажу Вам 2 показателя, на основании которых Вы можете принять правильное решение относительно проблемы: «Клики есть, продаж — нет». Также Вы узнаете о 4 сценариях, которые могут быть свойственны для Вашего бизнеса.

Приятного просмотра.

Почему нет заявок?

Почему нет заявок? Главные ошибки при создании посадочной страницы

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

19 продвинутых методов SEO-оптимизации от Нила Пателя, которые удвоят трафик из поисковых систем на ваш сайт [Часть 1]

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

По данным HubSpot, 80% трафика на сайт начинается с поискового запроса. Вот почему поисковая оптимизация (SEO) так важна.

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

Что я и сделал!

Каждый день в Google люди вводят более 3,5 миллиардов поисковых запросов. В США 78% людей используют интернет для поиска товаров или услуг перед покупкой.

Как только ваш сайт начнёт выходить на первые страницы результатов поиска Google, вы станете более заметны. Это означает увеличение трафика, увеличение количества конверсий и, как следствие, увеличение прибыли.

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

75% пользователей никогда не смотрят результаты дальше первой страницы поисковой выдачи

На рис. 75% пользователей никогда не смотрят результаты дальше первой страницы поисковой выдачи.

Первые три позиции в органической выдаче получают 60% всего поискового трафика. С потенциальными клиентами, пришедшими из поисковой выдачи, коэффициент закрытия сделок составляет 14,6%. Сравните этот показатель с 1,7% по таким каналам, как печатная реклама или реклама в почтовой рассылке.

Понимаете, почему SEO-оптимизация так важна для вашего успеха?

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

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

Но вы не можете продавать людям, которых нет на сайте, верно?

Итак, начнём!

Не хотите прокручивать статью вниз? Ниже нажмите на раздел и перейдите к нему.

Содержание

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

1. Сделайте SEO-аудит сайта

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

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

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

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

Вот на что вы должны обратить внимание во время аудита сайта.

Проверьте сайт по этим пунктам:

1. Все ли страницы вашего сайта имеют метазаголовки и описания в поле description?

2. Оптимизирована ли каждая страница вашего сайта под ключевые слова?

Вносите изменения аккуратно, без переизбытка ключевых слов!

3. Оптимизирована ли структура URL для поисковых систем?

URL должны быть простыми, короткими и понятными для поисковой системы. Вот пример: https://neilpatel.com/blog/21-bing-ads-hacks/

Могу поспорить, вы догадаетесь, что это статья о 21 способе улучшить рекламу в поисковой системе Bing!

Но что, если URL-адрес выглядит так? https://neilpatel.com/blog/archive/2017/05/16/ads/bing/21-hacks/post.html (дословно: нилпатель.ком/блог/архив/2017/05/16/реклама/бинг/21 приём/пост.html)

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

Чем проще URL, тем лучше.

10 самых важных советов по SEO-оптимизации URL-адресов

На рис. 10 самых важных советов по SEO-оптимизации URL-адресов
10 ー Используйте только легко читаемые URL. Если люди не смогут прочитать или понять URL, то поисковые машины тоже не смогут.
9 ー Всегда-используйте-дефисы-для разделения-слов-в-URL,
т. к. гугл_не_читает_подчёркивания.
8 ー Лучший контент помещайте в корневую папку. Структура URL может показать поисковой машине, что это лучший контент, т.к. он находится в корневой папке. http://вашдомен.com/лучший-контент

10 важных советов по SEO-оптимизации URL-адресов

На рис.
7 ー Не пишите заглавные буквы в URL-адресах. URL чувствительны к регистру, так что не путайте посетителей и поисковые машины.

6 ー Блокируйте некорректные URL с помощью файла robots.txt
Дайте указание поисковым машинам игнорировать динамические ссылки, которые ссылаются на ваши канонические ссылки.

5 ー Добавьте мобильные URL-адреса в карту сайта
Пропишите мобильные версии страниц в карте сайта, чтобы они ранжировались выше в результатах поиска с мобильных устройств.

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

10 советов по SEO-оптимизации URL-адресов

На рис.
3 ー Загрузите фавикон. Создавайте бренд и выстраивайте доверительные отношения с посетителями и поисковыми системами.

2 ー  Используйте переадресацию с кодом 301. Сообщайте Google об изменениях в URL, чтобы не потерять позицию в выдаче.

1 ー Добавляйте таргетируемые ключевые слова в URL. Поисковые системы читают ссылки, чтобы выдавать пользователям информацию, которую они ищут.
http://вашдомен.com/таргетируемое-ключевое-слово

4. Правильно ли отформатирована каждая страница и запись в блоге?

Под «правильно» я имею в виду, что на каждой странице:

  • Текст разбит заголовками и подзаголовками (с тегами h1 и h2)?
  • На абзац приходятся 2-3 предложения?
  • Есть выделение важных моментов жирным шрифтом или курсивом?
  • Есть призыв к действию?

43% людей посты в блоге пробегают мельком, а не читают всё. Сделайте так, чтобы людям было легче читать!

5. Все ли изображения содержат ключевые слова в тегах ALT?

6. Вы используете ссылки в контенте?

Сюда относятся как внутренние ссылки сайта (на ваш собственный контент), так и внешние ссылки (на другие сайты).

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

Ищете более простой способ провести SEO-аудит сайта? Вот как использовать сервис QuickSprout для аудита сайта и выявления возможностей для увеличения поискового трафика:

Шаг № 1. Перейдите в QuickSprout. Введите URL сайта в поле и нажмите «Начать».

Шаг № 2. Вы попадёте на страницу результатов, где перечислены все проблемы SEO-оптимизации, которые вы должны исправить.

Пример на аудит сайта

На рис. Обзор сайта forbes.com. QuickSprout обнаружил 29 предупреждений на этой странице.

Заголовок страницы

На рис.
Заголовок страницы (тег Title)
Предупреждение: Заголовок страницы слишком короткий.
Заголовок этой страницы имеет длину 6 символов. Идеальная длина ー 15-65 символов. Если тег заголовка превышает 60 символов, Google покажет только первые 60.

Проверка пройдена. Заголовок страницы найден.
У этой страницы есть заголовок. Важно иметь один заголовок на каждой странице вашего сайта. Теги заголовков ー это интернет-эквиваленты заголовков газет.

Метаописание (тег Description)
Проверка пройдена. Длина мета-описания идеальная.
В метаописании 123 символа. Метаописание ー это текст, по которому поисковые системы узнают, на какую тему вы пишете и какую аудиторию нужно направить на страницу. Так что текст должен быть содержательным и коротким ー оптимально 51-160 символов.

Из результатов, приведённых выше, вы видите, что forbes.com в основном делает всё правильно, за исключением некоторых моментов, выделенных оранжевым цветом. Название главной страницы сайта слишком короткое, всего 6 символов, тогда как рекомендуемая длина составляет от 15 до 65 символов.

Кроме того, на странице есть несколько слишком длинных подзаголовков, которые QuickSprout выделяет в отдельный список:

Подзаголовки

На рис.
Подзаголовки
Предупреждение: подзаголовки слишком короткие или слишком длинные.
Эти подзаголовки могут быть слишком короткими или слишком длинными. Подзаголовки нужны для того, чтобы ваш контент было легко читать.
Подзаголовки Результат: на 14 символов превышает рекомендуемую длину
и т. д.

Длина тегов заголовков составляет от 15 до 65 символов.

Пример:
Знакомство с рейтингом Forbes SportsMoney ー исчерпывающим рейтингом денег в спорте

В заголовке 81 символ. Давайте сократим его до 65 символов или меньше, но так, чтобы  ключевые слова остались и смысл не потерялся:

Представляем Forbes SportsMoney: рейтинг денег в спорте

Теперь в заголовке 55 символов. Легко, правда? Другие возможные варианты:

Forbes SportsMoney: исчерпывающий рейтинг денег в спорте (56 символов)

Forbes SportsMoney: руководство по финансовому рейтингу в спорте (64 символа)

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

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

Тег заголовка ー это тег <h1> или <h2>, обычно заголовок вашей страницы, публикации в блоге или важный подзаголовок в тексте. Это базовые теги, соответствующие стандартам HTML, поэтому Google ожидает увидеть их на вашем сайте. Оптимизация тегов заголовков может увеличить трафик.

Что ещё более важно, это создаёт лучший опыт взаимодействия с сайтом для пользователей.

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

Когда вы выполните полный SEO-аудит сайта, вы, вероятно, найдёте хотя бы несколько ошибок или предложений по улучшению. Никто не идеален!

QuickSprout ー это отличный SEO-инструмент для мониторинга работы вашего сайта и публикаций в блоге.

2. Узнайте, чего хотят ваши пользователи

Google не рекламное агентство. Это компания, обрабатывающая большие объёмы данных.

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

Представляйте, что вы ー компания, обрабатывающая большой объём данных.

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

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

Мнения пользователей учитываются. Общество определяет, чья идея, статья, продукт или концепция получает распространение или финансирование.

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

Как получить данные об интересах пользователей

Так как же вы получите данные об интересах пользователей?

И как вы получите обратную связь от вашего идеального клиента, если вы только начинаете проект и у вас нет реальных клиентов, чтобы опросить их?

Есть несколько способов узнать это:

  • Используйте социальные сети, такие как Quora.
  • Посмотрите на ваши самые популярные страницы в Google Analytics.
  • Посмотрите, какие публикации получают наибольшее количество репостов.
  • Прислушивайтесь к комментариям посетителей под вашими публикациями в блоге.

Давайте рассмотрим первый способ: платформы социальных сетей.

Спросите себя: «Где люди, которых я хочу привлечь, тусуются в интернете и какие темы они обсуждают?»

Мне нравится Quora.

Эта сеть даёт представление, что обсуждает моя целевая аудитория, и я могу учиться у экспертов в процессе обсуждения. Если бы я хотел написать книгу или курс, то вопросы из Quora можно было использовать в качестве полезного источника идей контента.

Вот как с помощью Quora узнать, чего хотят люди:

Шаг № 1. Зайдите в Quora. Вам нужно создать аккаунт или войти с помощью Google или Facebook.

19 продвинутых методов SEO-оптимизации от Нила Пателя, которые удвоят трафик из поисковых систем на ваш сайт [Часть 1]

После входа в систему введите своё основное ключевое слово (например, трафик на блог) и нажмите Ввод.

Шаг № 2. Просмотрите вопросы, которые задают люди.

Фрагмент интерфейса Quora

Если вы знаете ответ на один из этих вопросов, напишите об этом в блоге.

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

Пример ответов экспертов

Шаг № 3. Из ответов экспертов возьмите идеи для вашего поста.

Quora ー отличное место для изучения новых вещей. В сложных моментах SEO-оптимизации вы никогда не сможете сказать, что знаете всё, поэтому я часто захожу в Quora, чтобы учиться у коллег.

Эндрю Гейл

На рис.
Эндрю Гейл, Основатель @MakersTool

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

Хорошо сделать SEO-оптимизацию и создать по-настоящему ценный контент ー это две разные задачи.

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

Инструмент, который помогает превращать посетителей в клиентов различными способами ー это SumoMe. Он один из лучших, к тому же бесплатный.

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

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

Используйте ответы, чтобы наметить идеи публикаций в блоге.

Ещё один инструмент, который поможет узнать потребности аудитории ー это UberSuggest. Он предлагает низкочастотные ключевые слова, которые основаны на том, что реальные люди ищут в Google.

Вот как использовать этот инструмент:

Шаг № 1. Зайдите в UberSuggest. Введите ключевое слово (например, «трафик сайта») в поле поиска и нажмите Предложить.

Интерфейс UberSuggest

Шаг № 2. Вы получите список низкочастотных ключевых слов, связанных с вашей фразой. Отсюда можно почерпнуть идеи для вашего блога или найти идеальную ключевую фразу, когда у вас уже есть идея, о чём написать в блог.

Список низкочастотных ключевых слов

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

Другие источники идей находятся в  группах LinkedIn и Facebook или на форумах, связанных с вашей темой.

Вы также можете использовать Google Analytics, чтобы узнать, чего хотят ваши читатели.

Шаг № 1. Войдите в Google Analytics. В меню слева выберите Поведение -> Содержимое сайта -> Все страницы.

Интерфейс Google Analytics

Шаг № 2. Посмотрите, какие страницы и публикации самые популярные.

Общее количество просмотров страниц играет важную роль, но следите также за средним временем, проведённым на странице (чем дольше, тем лучше!), показателем отказов и показателем выходов.

Вот мои лучшие страницы с 14 мая по 14 июня 2017 года:

Интерфейс Google Analytics

Среднее время, проведённое на странице, указывает на то, действительно ли люди потратили время на чтение всей публикации или просто просмотрели её.

Посещение длительностью меньше минуты ー признак того, что люди быстро пробегают текст, но не читают статью.

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

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

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

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

BuzzSumo ー отличный инструмент для этого. Просто введите URL вашего сайта и нажмите «Вперёд!».

Интерфейс BuzzSumo

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

Интерфейс BuzzSumo

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

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

Хотите узнать, какой самый простой способ выяснить, что думает ваша аудитория? Просто прочитайте комментарии к постам.

Когда вы отвечаете на вопросы пользователей о вашем материале, поисковый трафик значительно возрастает.

3. Создавайте SEO-оптимизированные посадочные страницы

Хорошо продуманная целевая страница может увеличить количество потенциальных клиентов и продажи.

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

К сожалению, немногие B2B-компании полностью осознают важность специальных целевых страниц для привлечения новых пользователей.

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

Вот пример.

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

Затем они направляют трафик на целевую страницу с помощью пресс-релизов, имейл-маркетинга и SEO-оптимизации.

Вот одна из их посадочных страниц на тему посадочных страниц.

Пример посадочной страницы

На рис. Посадочные страницы. Превращайте трафик в деньги.

Что такое посадочная страница?
Страница, которую вы сейчас читаете, ー это и есть посадочная страница, созданная с целью объединить несколько связанных страниц на общую  тему.

ПОСАДОЧНАЯ СТРАНИЦА (ЛЕНДИНГ) ー это любая страница на сайте, на которую направляется трафик с целью, чтобы человек предпринял определённое действие. 

По мере прокрутки вниз вы узнаете больше о посадочных страницах:

Пример блока посадочной страницы

На рис. Вот несколько способов использовать посадочные страницы с различными источниками трафика:

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

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

Ключевые элементы хорошего лендинга:

  • Нет навигации (нужно чтобы пользователи оставались на странице!)
  • Полезный, информативный контент.
  • Призыв к действию (зарегистрироваться на сайте товара, услуги, скачать лид-магнит или другой тип действия).

На странице Copyblogger есть полезный контент со ссылками на соответствующие статьи:

Пример блока посадочной страницы

А также заметный и чёткий призыв к действию:

Пример призыва к действию

На рис. Узнайте больше о нашем бесплатном руководстве
Руководство по разработке посадочных страниц поможет принимать верные решения

Как вы считаете, эти лендинги имеют ценность для SEO-оптимизации?

Люди ссылаются на эти материалы и делятся ими в соцсетях?

Давайте выясним это.

Идём на Ahrefs.com. Вводим URL посадочной страницы ー давайте используем http://www.copyblogger.com/copywriting-101/ и нажимаем Поиск ссылок.

Интерфейс Ahrefs.com

Как видно на скриншоте, эта страница содержит 799 проверенных входящих ссылок, более 1000 твитов и 446 лайков в Facebook. Эта посадочная страница явно выполняет свою задачу и превращает посетителей в потенциальных клиентов.

Посадочные страницы могут приносить хороший доход.

Эксперты по конверсии заработали для компании Moz 1 миллион долларов, используя единственную оптимизированную посадочную страницу и несколько электронных писем.

Статистика посадочной страницы

На рис. 1 млн долларов в год на новых подписчиках
По вертикали ー количество подписчиков
Рост за счёт оптимизации посадочной страницы и серии писем.
1 млн долларов в год ー рост доходов после всех изменений

Недавние исследования показали, что компании с 10-15 посадочными страницами получают на 55% больше конверсий, чем те, у которых менее 10 лендингов.

Компании с более чем 40 посадочными страницами имеют на 500% больше конверсий!

У Basecamp есть отличная страница подписки на бесплатную пробную версию продукта.

Пример LP

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

Однако они таковыми не являются. Basecamp решает эти проблемы.

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

Форма подписки: Попробуйте продукт бесплатно в течение 30 дней
Введите ваш email
Запустите бесплатную пробную версию
4742 компании зарегистрировались на этой неделе!
Войти с помощью аккаунта Google

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

Но хорошие посадочные страницы ー это не всегда одна страница. Посмотрите на этот пример Bills.com:

Пример страницы

На рис. Выберите сумму вашего долга
Продолжить

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

Я выберу 50 000 долларов.

Затем на лендинге мне задают ряд вопросов, которые являются подготовительными вопросами компании для новых потенциальных клиентов.Фрагмент функционала lp

На рис. Вы задержали платёж по кредиту?
Выбрать
Да — больше чем на 60 дней
Да — на 30 дней
Нет

19 продвинутых методов SEO-оптимизации от Нила Пателя, которые удвоят трафик из поисковых систем на ваш сайт [Часть 1]

На рис. Посмотреть результат
Нил
Патель
Телефон
Email
Кликните здесь, чтобы посмотреть результаты

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

Страницы легко заполнять, лендинг приводит в Bills.com тысячи лидов в месяц.

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

Вот как проверить, оптимизирован ли лендинг.

Шаг № 1. Найдите длинную ключевую фразу и используйте её на лендинге. Например, сайт Copyblogger хочет оптимизировать одну из своих страниц под фразу «SEO copywriting» (SEO-копирайтинг).

19 продвинутых методов SEO-оптимизации от Нила Пателя, которые удвоят трафик из поисковых систем на ваш сайт [Часть 1]

На рис. О SEO-копирайтинге ー простыми словами

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

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

Информация на лендинге должна быть полезной.

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

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

Анатомия LP

На рис. Анатомия идеального лендинга
Что дизайн транслирует пользователям
10 ключевых элементов на лендинге, которые привлекают внимание пользователей
1. Симпатичный заголовок.
2. Подзаголовок.
3. Текст.
4. Отзыв.
5. Призыв к действию. (Сделайте это сейчас!)
6.  Кнопка (Кликните здесь).
7. Ссылки в верхнем меню.
8. Фото.

Для лендинга сделайте современный профессиональный дизайн.

«Дизайн ー это король», ー говорит Дерек Халперн. Если ваш контент полезен, но дизайн паршивый, вы, скорее всего, потерпите неудачу.

Дизайн ー это часть того, что делает страницу уникальной и актуальной для вашей целевой аудитории. Лендинг Paper Anniversary был спроектирован профессионалом с использованием  конструктора Unbounce. Его конверсия составляет 67%!

Пример конвесионной старницы

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

Наконец, поставьте ссылки с существующего контента на новую посадочную страницу.

Хорошим ссылкам нет альтернативы. Ссылки являются весомым фактором ранжирования для Google и, вероятно, так будет всегда.

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

4. Проверьте, чтобы ваш сайт корректно отображался на мобильных устройствах

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

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

Более 60% поисковых запросов выполняются с мобильных устройств.

Отображение

В электронной коммерции цифры удивляют ещё больше. Business Insider прогнозирует, что к 2020 году 45% всех продаж интернет-магазинов в Соединенных Штатах будут осуществляться с мобильных устройств. Это 284 миллиарда долларов только в США!

19 продвинутых методов SEO-оптимизации от Нила Пателя, которые удвоят трафик из поисковых систем на ваш сайт [Часть 1]

На рис. Прогноз: доля электронной коммерции с мобильных устройств
Синий цвет ー продажи с ПК
Красный цвет ー продажи с мобильных
По вертикали ー миллиарды долларов

Все эти статистические данные указывают на одну вещь: вы просто не можете позволить себе не иметь адаптивный сайт.

Сделать так, чтобы ваш сайт хорошо смотрелся на мобильных устройствах ー это уже не роскошь, а норма.

Как вы можете определить, является ваш сайт адаптивным или нет? Посмотрите пример ниже от Google.

Корректность отображения

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

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

Если вы используете WordPress в качестве CMS сайта, у вас, скорее всего, уже есть адаптивный дизайн. Практически все темы, разработанные для WordPress за последние несколько лет ー адаптивные. Это специальный термин для мобильных устройств.

Согласно Википедии:

Адаптивный веб-дизайн (англ. Responsive Web Design) — дизайн веб-страниц, обеспечивающий правильное отображение сайта на различных устройствах, подключенных к интернету, и динамически подстраивающийся под заданные размеры окна браузера.

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

Всё ещё не уверены, что ваш сайт корректно отображается на мобильных устройствах? Проверьте это на своём телефоне.

Вот как мой сайт выглядит на ПК:

Пример LP на ПК

А вот как он выглядит на мобильном телефоне:

Пример LP на мобильном устройстве

Заметили разницу? Мобильная версия сайта оптимизирована под ширину моего экрана, и текст легко читается.

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

Введите URL сайта и нажмите «Запустить тест».

Тест адаптивности

На рис. Ваша веб-страница корректно отображается на мобильных устройствах?
Запустить тест

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

Результаты теста на адаптивность

Если результаты отрицательные, пришло время изменить дизайн!

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

Автор Нил Патель. Оригинал публикации: https://neilpatel.com/blog/10-advanced-seo-techniques-thatll-double-your-search-traffic/

Перевела Татьяна Пушкина специально для Сonvert Monster. Использовать материал разрешено только с активной ссылкой на перевод. 

Аватар

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *

  1. Аватар
    Олег
    Ссылка на QuickSprout — не обеспечивает возможность проведения аудита сайта в части СЕО. Есть ли другие продукты, которые могут в этом помочь? Спасибо.

Получайте бесплатные уроки и фишки по интернет-маркетингу

 

Похожие статьи:

19 продвинутых методов SEO-оптимизации от Нила Пателя, которые удвоят трафик из поисковых систем на ваш сайт [Часть 1]
153214085