- Релевантный опыт работы: как найти нужных специалистов и кого не стоит нанимать
- Что писать в резюме, если нет опыта работы / Хабр
- Новый тип задач в TO DO «Создание новых страниц»
- Позиционирование — система, стратегия, сегменты потребителей
- Раскрутка сайта с использованием внутренних возможностей площадки
- Прогнозирование и запуск новинок — Novo BI
- ВАКАНСИИ | freshtalent
- Вакансии
- Не нашли подходящей вакансии?
- Всё равно присылайте резюме* с описанием опыта, навыков и укажите сферу интересов.
- Когда появится релевантная позиция, мы с вами свяжемся.
- Сервис «Резюме»
- ГОТОВОЕ РЕЗЮМЕ
- ГОТОВОЕ РЕЗЮМЕ + КОНСУЛЬТАЦИЯ
- Интервью с HR-консультантом по телефону или Skype;
- Составление резюме с «0» или корректировка существующего резюме:
- — Правильно расставленные акценты в резюме
- — Максимально привлекательное описание профессионального опыта и достижений
- Наличие договора на оказание услуг
- Удобство (удаленная работа)
- Консультация (по резюме, методам поиска работы, подготовка к встрече с работодателем, собеседованию).
- Сроки — до 3 дней.
- ЦЕНА: 3 500 ₽
- Как это работает
- : чем они отличаются? | CSS-трюки
- position — CSS: каскадные таблицы стилей
- Абсолютное позиционирование
- Анализ электромагнитного поля и моделирование датчика определения относительного положения для высокоскоростных поездов на магнитной подвеске
- относительная позиция в предложении
- [PDF] Самостоятельное внимание с репрезентациями относительной позиции
- Относительное положение данных
- Соединенные Штаты: & относительное положение Орегона и Техаса.
Релевантный опыт работы: как найти нужных специалистов и кого не стоит нанимать
Нанять кандидатов с релевантным опытом работы мечтают практически в каждой компании. Но всегда ли опытные специалисты действительно приносят ожидаемую пользу бизнесу?
Разбираемся, как найти тех, кто вам нужен, в каких случаях необходим релевантный опыт работы и что делать, если у кандидата его нет.
Что означает «релевантный опыт работы»?
Слово «релевантность» происходит от английского «relevance» и переводится как «соответствующий». Чаще всего этот термин применяют, чтобы обозначить степень соответствия.
Если мы говорим о релевантном опыте сотрудника, то здесь имеется в виду соответствие его личностных качеств, профессиональных навыков и открытой позиции. Это означает, что релевантным мы можем назвать тот опыт, который кандидат получил на аналогичной должности, выполняя такие же обязанности.
В каких случаях нужен релевантный опыт?
Есть ряд вакансий, в которых без опыта работы по специальности трудно обойтись. Например, медицинская и строительная сферы, руководящие позиции, и все те должности, где без соответствующих практических знаний просто невозможно выполнять обязанности. Врач, который не провел ни одной операции не может быть нанят на должность хирурга, а руководитель, у которого нет опыта управления коллективом от 50 человек попросту не знает, как это происходит.
С другой стороны, если в вашей компании есть время и ресурсы, чтобы обучить и простажировать перспективного работника, то почему нет? Но если вам нужен сотрудник «на вчера», то без релевантного опыта работы ему не обойтись.
Как оценить релевантный опыт работы соискателя?
Проведем оценку кандидата в несколько шагов:
Шаг 1. Проанализируйте резюме кандидата. Насколько его опыт работы можно считать релевантным?
Шаг 2. Определите, соответствует ли в целом кандидат требованиям вакансии.
Шаг 3. Оцените навыки кандидата по методике STAR.
Шаг 4. Убедитесь, что опыт кандидата основан на практических кейсах. Для этого задавайте уточняющие вопросы, спрашивайте кто работал вместе с кандидатом над решением той или иной задачи.
Шаг 5. Определите успешность работы на релевантной должности. Удалось ли кандидату достичь всех поставленных целей? Если он испытывал трудности, то какие?
Кандидаты без опыта работы: кейсы с решениями
Поговорим о тех случаях, когда кандидаты по разным причинам могут не подходить по пункту «релевантный опыт работы», но вам все равно важно их не упускать.
1. Вам нужен специалист на разработку инновационного решения и он априори не работал с аналогичными продуктами.
Что делать? Здесь важно оценить навыки специалиста в смежных областях и определить наличие качеств, необходимых для этой работы.
2. Кандидат в текущем году закончил университет по требуемой специальности. Он еще не имеет необходимого опыта работы, но мотивирован обучаться и работать в вашей компании.
Что делать? Для таких кандидатов можно составить программу стажировки с обязательным практическим заданием в конце. По результатам этой стажировки уже можно сделать выводы о реальных качествах и профессиональных навыках кандидата.
3. Соискатель работал на смежной специальности, но решил перейти из одной специализации в другую. К примеру, с позиции рекрутера в IT-рекрутеры.
Что делать? Если вам нужен специалист, который просто завтра может выйти на работу и выполнять свои функции, то в этом случае без наличия специальных навыков данный кандидат этого сделать не сможет. При условии, если претендент на должность прошел специальные курсы, то вы можете увеличить его испытательный период, чтобы он успел показать себя на практике.
Кого не стоит нанимать, даже если у них есть релевантный опыт?
Не всегда нужный опыт работы в резюме означает, что вы можете облегченно вздохнуть и сказать: «Как долго я тебя искала» по примеру героини фильма «Москва слезам не верит». Присмотритесь внимательнее и подумайте дважды, прежде чем нанимать их, если:
1. Специалист уволился из компании конкурента. Причина увольнения может быть любой, но часто состоявшиеся специалисты уходят из-за разбежностей позиции компании и их мнения относительно рабочих вопросов. Именно это становится причиной разногласий сотрудника и руководства. Уверены ли вы, что такой специалист не станет для вашей организации тяжелой ношей?
2. Кандидат много лет работал по старой системе. Те, кто закончили ВУЗ в 2015 обучались по другим программам, по сравнению с теми, кто выпустился в 2005. С курсами и тренингами аналогичная ситуация. Изменения на рынке труда происходят молниеносно. И в наши дни уже недостаточно иметь профильное образование и многолетний релевантный опыт. Чтобы оставаться на «профессиональном плаву» необходимо непрерывно обучаться и осваивать новые технологии.
3. У специалиста есть релевантный опыт работы, но он стоит компании слишком дорого. Бывает так, что специалист подходит по всем параметрам, но из-за узкой специализации своей деятельности запрашивает запредельную оплату труда. В этом случае стоит соизмерять финансовые выгоды для компании и расход. Иногда эта разница настолько не устраивает работодателя, что ему проще обучить одного или нескольких специалистов, которые смогут выполнять необходимые задачи.
Опыт vs. перспектива
Невозможно сделать однозначный выбор между опытным сотрудником и перспективным, но без релевантного опыта. В каждом отдельном случае именно HR-менеджер принимает правильное решение.
Конечно, работать с опытным профессионалом намного легче и приятнее, но это не означает, что бизнес достигнет своих целей вместе с ним. Именно поэтому на этапе рекрутинга при составлении вакансии важно не просто указывать что «необходим релевантный опыт на должности», а максимально подробно описывать должность, обязанности и требуемые навыки, без которых любой опыт ничего не стоит.
Что писать в резюме, если нет опыта работы / Хабр
Я провел больше сотни собеседований и отсеял тысячи резюме. Каждый раз я искал технических специалистов (инженеры, программисты, тестировщики, физики, математики). Больше половины всех собеседований были со вчерашними студентами или со студентами последних курсов. Увы, почти всегда их резюме было совершенно не информативным.
Зачем я об этом пишу? Мой интерес прост – чтобы классные ребята находились легче, чем это получается сейчас 🙂
В 20 лет у человека уже 20 лет жизненного опыта за плечами. А работодателю, который берет студента на работу, важны не только профессиональные навыки (которых нет) и знания (которые по резюме не проверишь). Кстати, полезно понимать, чем знания отличаются от навыков и никогда не путать их в резюме.
Далее привожу множество советов по наполнению резюме молодого специалиста.
Контактная информация и место проживания
Экономьте время себе и рекрутерам. Обязательно укажите место проживания (не точный адрес, конечно, но станцию метро или населенный пункт). Если вы живете очень далеко от потенциального рабочего места, то укажите, что готовы снимать квартиру рядом. Пару раз ко мне приходили на собеседование люди, которые были готовы тратить по 2 часа на дорогу в одну сторону до офиса. Т.е. 4 часа в день они готовы были проводить в дороге. Может быть кандидату кажется, что это нормально. Но нормальному работодателю так не кажется никогда. Для меня эти собеседования были пустой тратой времени, я не готов брать на работу человека, который уже через пару месяцев будет представлять из себя либо выжатый лимон, либо какой другой овощ.
Запомните, креатив – это полезно. Но креатив должен быть уместен. Заведите себе представительского вида e-mail адрес для резюме вместо [email protected] Оставляйте прочие контактные данные.
UPD 1: В комментариях встретил несогласие с ограничением в 2 часа на дорогу до офиса. Либо я не достаточно явно написал, что это в одну сторону, либо я даю вредные советы. Часто вчерашнему студенту не до выбора места работы. Нужно набивать трудовую книжку пресловутым опытом. Но я все-таки советую указать место проживания. Зачем тратить время на собеседования, в котором откажут по этому признаку? Кого это не интересует, тот не станет прикидывать время на дорогу.
И будьте готовы к тому, что Вас найдут в соцсетях и полистают публичные посты.
Образование
Как можно подробнее опишите полученное/получаемое образование: не только название ВУЗа, но и факультет, и кафедру, и название специализации. Это поможет работодателю очень быстро понять, что Вы имели возможность получить именно профильные знания.
Указать научного руководителя тоже бывает полезно. Например, многие мои коллеги знакомы с преподавателями многих профильных кафедр. За 5 лет под моим началом уже поработало два студента, выпустившихся с моей родной кафедры (и попали они ко мне не по блату, а через hh.ru ).
Расскажите о выполненных учебных проектах, которые относятся к желаемой вакансии. Например, если Вы закончили кафедру двигателей внутреннего сгорания, а устраиваетесь на Junior C++ developer, можете указать, что в рамках дипломной работы создали программу с использованием Qt для расчета газодинамических процессов в выхлопной трубе.
Обязательно пишите о теме своих научных работ. Обязательно отмечайте наличие красных дипломов или высоких средних баллов. Конечно, в ряде случаев это ни о чем не говорит, но есть другой ряд случаев.
Обязательно укажите пройденные онлайн/оффлайн-курсы, приложите дипломы. Даже если пройденные курсы и полученные дипломы не могут быть никак интересны работодателю (например, токарь второго разряда или вышивание крестиком в условиях невесомости), сам факт их наличия уже говорит в пользу кандидата. Это очень позитивный признак, когда кандидат сам чему-то учится и, вероятно, может быть обучен. Конечно, если курсов много и они совсем не профильные, не стоит перечислять все. Достаточно пары примеров. Профильные же стоит перечислить все. Курсы и школы, оконченные до ВУЗа работодателю не интересны в 90% случаев, т.к. обычно они в той или иной степени навязаны родителями. Но, например, если Вы закончили школу с физматуклоном, увлекались радиомоделированием и ходили на соответствующий кружок, то эта инфорация может оказаться интересной для работодателя в электротехнической отрасли.
Дополнительная информация
В дополнительной информации о себе не имеет смысла упоминать банальные «усидчивость, обучаемость, инициативность». Это просто слова, они пусты и встречаются в 99% резюме, причем, нередко, не соответствуют истине. Лучше рассказывать о своих качествах примерами из жизни, которые вас положительно характеризуют с точки зрения работодателя. Как рассказать о само-обучаемости я уже написал выше. Примерно также дела обстоят с другими качествами.
Например, если Вы напишите о том, что уже 4 года руководите сообществом в интернете, посвященном резиновым уточкам и под вашим началом добровольно и бесплатно трудятся 10 модераторов и 2 уточных евангелиста, то работодатель предположит, что Вы, возможно, инициативны, целеустремлены, коммуникабельны и можете быть увлечены делом. Да, резиновые уточки не имеют никакого отношения к, например, разработке программного обеспечения (
вообще-то имеют), но зато работодателю очень интересно, какими
soft skillsвы обладаете или какие из них можно будет быстро развить. Поэтому подумайте, какие Ваши увлечения, социальные активности, личные челленджи могут показать Вас как разносторонне развитого и инициативного молодого человека.
Еще один пример из той же оперы: «Я люблю компьютерные игры. Больше всего в них мне интересно взаимодействие с другими игроками. Я не раз становился лидером клана, совместными усилиями мы добивались лидирующих позиций. Мне кажется, я могу быстро и гармонично включиться в любой коллектив и помочь команде достичь цели».
С одной стороны, что может быть легкомысленнее и отталкивающе, чем компьютерные игры? А с другой стороны, работодатель заинтересуется вот таким текстом и захочет побеседовать с человеком.
Много читаете? Обязательно расскажите об этом.
Еще можно рассказать, какой предмет в ВУЗе для Вас оказался самым интересным, а по какому добились каких-то успехов (выполнили интересную научную работу с преподавателем).
Но не превращайте резюме в Войну и мир (хотя совет про то, что резюме должно умещаться на лист А4 я считаю вредным).
Ну а если у кого-то есть портфолио (фриланс аккаунт, личный проект на github, верстка сайта для соседа и т.п.), то просто грех об этом не написать. Даже если там все не очень, работодатель видит, что человек не сидит ровно на стуле и чего-то хочет, чему-то учится.
Опыт работы
Для совсем начинающих специалистов совершенно не зазорно указать такой опыт работы, как, Макдональдс. Это значимая строчка в резюме начинающего специалиста. Она может говорить о разном, например о том, что человек проактивен — предпочитает жить не на средства родителей. Может не в родителях дело, а жизнь заставила, но человек руки не опустил и искал варианты, не брезговал тяжелой работой. А главное, человек уже поработал на дядю и у него есть хоть какие-то представления о том, что такое работа. Было бы странно увидеть в резюме тридцатилетнего специалиста весь трудовой путь: от автомойки до главного инженера в атомной энергетике. А вот студенту не стоит стесняться любого рабочего опыта.
С другой стороны — это мой личный взгляд на данный вопрос. Кто-то может подумать: «зачем он об этом написал? Какая мне разница, где он полы мыл. Что за нищеброд?». Не знаю, я бы, пожалуй, хотел, чтобы такой работодатель прошел мимо меня.
Важнее, чем резюме: сопроводительное письмо
В идеале, под каждую вакансию стоит делать свое резюме, отыскивая все совпадения в ваших навыках и знаниях с требованиями в вакансии. Но порой это слишком сложно и долго. Есть выход: сопроводительное письмо.
Любой HR специалист получает сотни откликов на вакансию. А во многих компаниях и вовсе нет отдельной должности для работы с кадрами. Поэтому если конкуренция за вакансию большая, то резюме без сопроводительных писем могут быть даже и не открыты.
Сопроводительное письмо обязательно должно отвечать на вопрос: каким основным требованиям вакансии вы соответствуете. Если пишете, что очень хотите работать именно в этой фирме – то пишите почему. В противном случае ограничьтесь релевантными знаниями.
Во время собеседования
Не врите. Если ответа точно не знаете – не тяните резину и не юлите. Простая фраза: «к сожалению, я этого не знаю» лично у меня вызывает уважение. Не многие могут в таком признаться. Нужен определенный уровень зрелости.
Запомните, это не экзамен в ВУЗе, где можно пытаться плести всякую чушь. Если вас спросят: «а вы работали с шаблонными функциями», помните, что следующий вопрос может оказаться уточняющим.
Если на ответ нужно время – попросите подумать пару минут, возьмите карандаш и листок бумаги, если это помогает(кстати, приходите вооруженным ручкой и бумагой, произведите впечатление). И обязательно ДУМАЙТЕ вслух. Это самое интересное на собеседовании.
Если Вам задают глупые вопросы, не думайте в чем подвох, это не поможет. Просто отвечайте или задавайте уточняющие вопросы. Кстати, не стесняйтесь их задавать.
В конце собеседования продемонстрируйте свой интерес в работе: спросите о компании, о том, как будет выглядеть первый рабочий месяц, что от вас будут ожидать на испытательном сроке или стажировке, кто будет непосредственным руководителем. Сами подумайте, а что вас заинтересовало бы.
Полезные статьи на Хабре
На Хабре целая тьма статей о резюме. В основном они рассказывают о грубых ошибках. Но есть и более интересные материалы. Приведу несколько полезных, на мой взгляд, ссылок:
Желаю молодым ребятам удачи и классных наставников, а сообщество призываю поразмышлять, что совсем еще зеленым можно указать полезного в резюме, да так, чтобы им не подавился рекрутер 🙂
Новый тип задач в TO DO «Создание новых страниц»
В модуле ведения проектов Пиксель Тулс мы добавили ещё один полезный функционал. Теперь все новые запросы проходят дополнительную проверку релевантности и если она не удовлетворительна, то предлагаем создать целевые страницы. Это улучшит качество распределения ваших проектов и формируемые рекомендации.
Как определяются страницы, которые необходимо создать?
1. При запуске съёма позиций для всех новых запросов определяется позиция и релевантная страница по Яндексу и/или Google.
2. Если позиция ниже ТОП-100, дополнительно выполняется поиск и подбор релевантной страницы на сайте, а также проверяется наличие в её тексте сути запроса. Это позволяет убедиться, что страница действительно релевантна и подходит для продвижения в ТОП-10.
3. В случае, когда условие не соблюдается, делается группировку таких запросов и создаётся задача в TO DO на создание целевых страниц.
Что делать с этими запросами дальше?
1. Зайдите в раздел TO DO вашего проекта.
2. Откройте задачу типа «Создать новую страницу».
3. Внимательно проверьте список запросов.
-
Если страница под запрос уже есть на сайте, но ещё не проиндексирована или не была определена, то напротив укажите её целевой URL в поле «Продвигаемый URL» и нажмите на кнопку «Сохранить изменения».
-
Если страницы под запрос ещё нет на сайте, то воспользуйтесь формой «Создать ТЗ на копирайтинг» из перечисленных запросов, а после создания страницы напротив укажите её целевой URL в поле «Продвигаемый URL» и нажмите на кнопку «Сохранить изменения».
4. Отметьте, что задача выполнена.
5. Когда выполните все задачи данного типа, запустите «Формирование задач для TO DO».
Как ещё увидеть запросы, не имеющие релевантные страницы?
1. В разделе «Распределение» все запросы, для которых рекомендуется создать новую страницу или указать продвигаемый URL помечаются восклицательным знаком. При клике по нему вы попадёте в соответствующую задачу раздела TO DO.
Чтобы сократить время на поиск, добавили фильтр «Создание новых страниц».
2. В разделе «Позиции – Продвигаемые URL» все запросы, для которых рекомендуется создать новую страницу или указать продвигаемый URL также помечаются восклицательным знаком. При клике по нему вы попадёте в соответствующую задачу раздела TO DO.
Чтобы сократить время на поиск, здесь также добавили фильтр «Создание новых страниц».
Если у вас есть ещё предложения или замечания, обязательно пишите о них в службу поддержки или в комментариях к данной новости. Будем благодарны за любую обратную связь.
Также подписывайте на наши чат Telegram, канал YouTube, группу ВКонтакте и канал Twitter.
Позиционирование — система, стратегия, сегменты потребителей
В этой статье я привожу основные идеи книги Джеффри Мура «Преодоление пропасти» со своими комментариями и примерами. Не претендую на полноту — здесь только то, что лично мне кажется важным и интересным.
Что за пропасть такая
Мур развивает теорию распространения инноваций Эверетта Роджерса, в соответствии с которой потребители делятся на группы по критерию готовности принимать инновации: одни это делают более охотно, а другие — менее. Мур говорит, что между ранним рынком (новаторы и ранние последователи) и массовым рынком существует пропасть, так как потребности новаторов и ранних последователей сильно отличаются от потребностей раннего большинства.
Мур вводит такие определения для этих групп потребителей:
- Новаторы — технологические энтузиасты
- Ранние последователи — визионеры
- Раннее большинство — прагматики
- Позднее большинство — консерваторы
- Отстающие — скептики
Проникать в новые группы потребителей можно только последовательно, то есть проникнуть в сегмент раннего большинства, не получив перед этим новаторов и ранних последователей, нельзя.
Соответственно, технологические/инновационные компании с трудом преодолевают пропасть между ранним и массовым рынками, но делать им это приходится в любом случае — иначе массового принятия своей технологии им не видать, а продукт окажется невостребованным массами. Примеры таких невостребованных продуктов: Apple Newton, Google Glass или какие-то кажущиеся нам экзотическими штуки типа домашней химчистки.
Компаниям для выживания и роста критично преодолеть пропасть, потому что основные деньги — именно на массовом рынке (даже просто исходя из его размера), но стратегии работы с разными группами потребителей должны отличаться — у них разные потребности и разные требования к продукту.
К примеру, технологические энтузиасты с удовольствием используют новые и сырые продукты, так как им просто нравится все новое — они готовы быть своего рода тестировщиками, им не нужен полноценный продукт, а рекомендации от других пользователей не нужны. А еще они готовы платить больше.
Ранее большинство (прагматики), напротив, покупают только проверенные решения, они должны четко понимать ценность продукта для себя, и им критичны рекомендации от других таких же потребителей.
Как определить рынок
Иногда нужно определить границы рынка или сегмента, например, для планирования маркетинговых активностей, так как мы не можем таргетировать всех и сразу. Мы хотим работать с изолированными сущностями, и надо понять: а вот эти две группы потребителей — они часть одного рынка/сегмента или разных?
Иногда эти границы определить очень просто, но бывает, что и сложно, так как очевидные критерии не всегда работают.
Мур предлагает следующий критерий — что-то вроде «релевантности опыта одного потребителя опыту другого», а можно еще упростить — «может ли один из них дать релевантную рекомендацию другому» или даже еще проще — «есть ли смысл одному обращаться за рекомендацией к другому». В оригинале это “…who reference each other when making a buying decision”.
Покупатели, которые существуют в границах одного рынка или сегмента, учитывают покупательские решения и/или рекомендации других покупателей на этом рынке.
Даже если двое людей покупают один и тот же продукт с одинаковой целью, но их опыт не релевантен друг другу, им нет смысла учитывать решения друг друга или они не могут дать друг другу релевантные рекомендации, значит такие покупатели существуют на разных рынках/сегментах.
Примеры:
1. Два врача — один из Африки, а другой из Америки — купили одинаковые осциллографы. У них нет особого повода общаться и давать друг другу рекомендации -> значит, они на разных рынках, хотя купили одно и тоже с одинаковой целью.
2. Врач купил осциллограф для медицинской практики. Его сосед — инженер — купил точно такой же осциллограф, но для инженерных экспериментов. У них разные задачи, и опыт одного не релевантен другому, давать рекомендации нет смысла (медицинский осциллограф легко может не подойти физику) -> значит, они существуют на разных рынках (в разных сегментах), хотя купили одно и то же в одной географии.
Примеры тут специально очевидные — для иллюстрации. Можно было бы разобраться и без этих сложностей. Хотя, чтобы появилось сомнение в этой очевидности, подумайте, а есть ли такая штука, как «рынок осциллографов»?
Целостный продукт
Мур ссылается на концепцию целостного продукта Левитта, которая заключается в том, что есть несоответствие между обещанием потребителю (ценностным предложением продукта) и способностью продукта это обещание выполнить. Чтобы это несоответствие убрать, продукт необходимо дополнить сопутствующими товарами и услугами.
Изобразить можно в виде четыре слоев:
- Базовый продукт — что было поставлено покупателю. Это что вы продали.
- Ожидаемый продукт — конфигурация продукта, минимально необходимая, чтобы решить потребности потребителя. Это что у вас купили.
- Расширенный продукт — максимальные возможности, позволяющие решить максимум потребностей потребителя. Он на это даже особо не рассчитывал, но получить рад.
- Потенциальный продукт — потенциал развития продукта по мере развития рынка, технологий и т.д. Это как продукт можно улучшать и дополнять.
Пример:
Чаще всего концепцию целостного продукта применяют к технологическим товарам, а потребительские товары более понятны в качестве примера, поэтому для иллюстрации возьмем такой продукт, как смартфон. В качестве фичи для примера возьмем камеру в этом смартфоне.
- Базовый продукт (generic product): собственно смартфон с базовыми возможностями. Камера, которая идет у нас в поставке — HD.
- Ожидаемый продукт (expected product): а потребитель считает, что FullHD — давно уже стандарт, и по умолчанию камера должна быть именно FullHD, а не HD.
- Расширенный продукт (augmented product): 4К камера в комплекте.
- Потенциальный продукт (potential product): камера 8К с 3D и с возможностью снимать сквозь стены.
Очевидно, что все четыре слоя отличаются: мы поставляем одно, потребитель ожидает другое (и тогда есть несоответствие), но это можно сделать еще лучше (расширить продукт), а потенциально там вообще космос.
К разговору об услугах. Сейчас нет товаров в чистом виде, и можно сказать, что все товары превращаются в услуги. Как раз с помощью услуг, в которые «обёрнут» товар, можно убирать это несоответствие между поставкой и ожиданиями. В случае смартфонов такими услугами могут быть:
- Расширенная гарантия.
- Место в облаке.
- Подписка на сервисы.
- Трейд-ин.
- …
Возвращаясь к Муру и его пропасти, основная идея, что, чем дальше вы продвигаетесь по сегментам, тем больше требуется именно целостный продукт. Ранний рынок в виде технологических энтузиастов с удовольствием сам соберет, что им нужно из кусочков, то есть им целостный продукт не требуется. А вот прагматики покупают только целостные продукты.
Про позиционирование
При разговоре о конкуренции нельзя не поговорить о позиционировании. Позиционирование, как считает Мур — самое обсуждаемая и при этом самая неправильно понимаемая маркетинговая концепция. Он предлагает следующие принципы:
- Позиционирование — это в первую очередь место (позиция) в сознании потребителя, а не маркетинговые усилия по поиску и занятию этого места. На мой взгляд, по-русски это можно корректно отразить термином «позиция» вместо «позиционирования», поэтому дальше так и буду писать.
- Позиция — важнейший фактор из оказывающих влияние на потребительское поведение. Она служит своего рода помощником потребителю, облегчая ему выбор и позволяя сравнить альтернативы. При этом оценки, которые делает потребитель — это уже рационализация позиции, которую продукт занял в сознании потребителя ранее.
- Позиция существует в головах, а не на словах. Позиция — это то, что думают, а не о чем и как говорят. Если вы захотите поговорить о позиционировании, придется оперировать определениями, которые есть в сознании потребителя, а не в ваших маркетинговых материалах.
- Люди очень консервативны в отношении сложившихся позиций. Им не нравится, когда вы пытаетесь поменять что-то в их голове, например, пытаясь изменить позицию. Поэтому самая надежная стратегия позиционирования — это та, которая требует наименьших изменений.
Только с учетом вышесказанного можно говорить о позиционировании как о наборе активностей, которые приведут вас к нужной позиции в сознании потребителя.
Вместо выводов
В общем, есть такая концепция, стоит её знать и учитывать.
Мур в первую очередь говорит именно о технологических компаниях и о так называемых «подрывных» инновациях, которые полностью меняют правила игры и потребительское поведение.
На мой взгляд, вполне можно применять ее и к другим, необязательно именно технологическим, продуктам, так как потребности сегментов в любом случае отличаются, а значит должны отличаться и стратегии работы с этими сегментами. Но ширина пропасти в зависимости от инновационности рынка будет разной, а на устоявшихся рынках ее может не быть вовсе.
Рекомендую почитать:
4 типа маркетинговых стратегий
Что такое ценностное предложение
Позиционирование: почему это важно и как разработать
Раскрутка сайта с использованием внутренних возможностей площадки
Раскрутка любого блога или сайта в первую очередь зависит от его видимости в поисковых системах. Основная доля трафика каждого статейного сайта приходится на поисковые системы. Такие источники трафика на блог, как постоянные читатели, анонсы в различных сервисах и прочие тоже имеют место, но их доля несравнима с переходами из поиска.
Как мы знаем, трафик из поисковиков идёт только в том случае, если страница поста находится на первых позициях в выдаче по запросу. На вторую страницу серпа и далее уже мало кто заглядывает. Наша первая цель — продвинуть не особо конкурентные запросы в топ 10.
Внутренние возможности по раскрутке сайтов состоят в улучшении позиций по нч нк запросам с помощью поднятия веса продвигаемых страниц методом правильного использования внутренних ссылок.
Этот, казалось бы, всем известный инструмент, работает отменно, он может прилично поднять трафик и сделать для раскрутки и повышения видимости сайта очень много. А в наше время борьбы ПС с покупными ссылками и снижением влияния внешнего ссылочного вообще, это актуально как никогда.
Определение страниц для продвижения
Первым делом стоит определить какие страницы сайта нам следует продвигать. Для этого заходим в статистику и копируем запросы, по которым сайт занимает позиции от 11 и выше примерно до 35 позиции для начала.
В статистике Liveinernet это делается с помощью вкладки «Позиции в Яндексе». Задаём «По месяцам» справа вверху и «Выводить по 100» снизу. Копируем все запросы, находящиеся от 11 позиции и далее. Усреднённая позиция каждого запроса за месяц показана напротив ключа (жёлтое на скрине). Листаем страницы снизу и доходим до нужных позиций. Все маленькие изображения ниже кликабельны.
Копируем список ключей. Чисто визуально просматриваем и удаляем неподходящие, в том числе с неправильным написанием и т.д. Оставляем двух-трёх словные и более запросы, однословные брать не нужно.
Определение конкурентности и частотности запросов
Для того чтобы выбрать наименее конкурентные (их проще продвинуть внутренней перелинковкой) прогоняем список через сервис Мутаген. Выбираем сверху «Массовая проверка» — «Новое задание».
Даём имя проверке и вставляем в окошко список запросов, запускаем процесс по кнопке «отправить на проверку»
Ждём пока статус поменяется с «Выполняется» на «Готово» и щелчком по имени проверки получаем наш список.
Теперь напротив каждого ключа указана его конкурентность и число показов в месяц по точному вхождению в вордстате, а также хвосты (количество дополнительных ключей) и ставки в директе. Отбираем запросы с ненулевой частотностью (показы) и невысокой конкуренцией (до 10 или чуть больше, но лучше меньше). На картинке отмечены жёлтым. Эти запросы первые кандидаты на продвижение (ключи взяты просто для примера)
Для удобства дальнейшего отслеживания отобранные запросы можно добавить в таблицу со следующими подразделами:
- запрос
- релевантная страница
- позиция в яндексе
- позиция в гугле
- ссылки (кол-во поставленных внутренних ссылок на страницу)
Запрос | Рел. страница | П. в яндексе | П. в гугле | Ссылки |
---|---|---|---|---|
дубли страниц | /google/ | 15 | 11 | 3 |
оптимизация текстов | /optimizatsiya-tekstov/ | 10 | 14 | 5 |
продвижение блога | /blogger/ | 12 | 18 | 4 |
Поиск релевантных запросам страниц сайта
Для каждого запроса из списка определяем релевантную (соответствующую) страницу. Это можно сделать с помощью расширенного поиска яндекса забив запрос (Я ищу) и ограничив поиск доменом сайта «На сайте».
Либо добавив к запросу адрес сайта с оператором site: Это одно и то же. То есть для поиска страницы релевантной запросу «раскрутка сайта» я должен ввести в поиск яндекса такую конструкцию:
Первая позиция в выдаче и будет релевантная страница. А следующие страницы будут донорами, подробнее ниже. Запрос и домен используем свой. Проделываем это для всех отобранных запросов.
Проверяем релевантность в Megaindex
Теперь, когда у нас есть список ключей и найдена соответствующая страница сайта для каждого из них, можно проверить релевантность страниц поисковым запросам. Низкая релевантность (менее 50%) будет служить тормозом в продвижении и лучше исправить этот недочёт.
Идём в Megaindex.ru (нужна регистрация) открываем «SEO сервисы» — «Анализ релевантности»
Выполняем проверку релевантности страницы поисковому запросу, указав сам запрос и адрес соответствующей ему страницы на проверку
Получаем процент релевантности, подробные сведения о странице и замечания по её оптимизации. Если процент низок, исправляем документ на своём сайте, используя подсказки сервиса и проверяем снова. Так добиваемся нормального соответствия.
Отбираем страницы доноры для передачи веса
Переходим к основной части нашей эпопеи а именно к подбору страниц сайта с которых мы будем продвигать наши запросы — ставить ссылки передающие максимальный вес. В общем-то тут то же самое. Через расширенный поиск яндекса, либо используя оператор site: (подробности выше), находим страницы наиболее соответствующие данному запросу. Вбиваем запрос и ограничиваем круг поиска своим сайтом.
Первая сверху позиция это будет наша продвигаемая страница (отмечено жёлтым) а ниже расположены другие релевантные по соображению яндекса страницы с которых мы и будем ставить ссылки на основную.
Все анкоры должны быть разные и не повторяться, в том числе желательно использовать и анкоры без ключей, как то: «статья», в «этом посте» и т.д. . В качестве анкоров можно использовать слова, подсвеченные яндексом жирным шрифтом, если они подходят по смыслу либо ставить ссылки в окружающем их тексте.
Заполняем описанную выше таблицу своими данными, ставим ссылки и отслеживаем позиции. С помощью подобной перелинковки можно поднять трафик в два и более раз. Зависит только от того сколько запросов будет обработано. Спешить с перелинковкой и ставить сразу много внутренних ссылок не нужно. Лучше выполнять работу постепенно, добавляя 3-5 ссылок на каждый документ и отслеживая изменения.
Чтобы проверить статус любой страницы, количество внешних и внутренних ссылок на неё, воспользуемся Яндекс Вебмастером. Заходим в управление сайтом и переходим по указанной на картинке ссылке «Проверять URL»
Вставляем адрес проверяемой страницы в соответствующее поле и выжимаем кнопку «Проверить URL» справа. Дожидаемся пока статус проверки не перейдёт в состояние «готово» и щёлкаем мышью по этому слову. Получаем отчёт о состоянии индексации документа, количества внутренних и внешних ссылок на него и другую информацию.
Обработав таким способом приличный пласт запросов можно значительно увеличить видимость сайта в поисковиках и, соответственно, количество посетителей. Прокачивая страницы нч запросов мы вдобавок продвигаем целый сонм супер нч, содержащихся на этих страницах и тоже дающих трафик, но не отмеченных в статистике. Если всё получилось с нч, пробуем двигать более частотные и конкурентные ключи тем же способом.
Прогнозирование и запуск новинок — Novo BI
Дата публикации: .
На онлайн-встрече SCM Planning & Customer Collaboration эксперты рассказали о маркетинговых планах запуска новинок, о практиках снижения рисков, о методологии ввода-вывода из ассортиментной матрицы групп товаров, особенностях промоакций. А также о своем опыте прогнозирования и запуска новинок, о том, как процесс выстроен изнутри.
Обзор подходов по прогнозированию новинок. Опыт Reshape Analytics
Мансур Кадимов, основатель, управляющий партнер консалтинговой компании Reshape Analytics:
– Новинки – значимая часть любого бизнеса. Существует ряд исследований по теме, которые показывают, что новинки особенно интересны потребителям, что среди прочих равных они предпочтут попробовать новое. В разных компаниях доля новинок в ассортименте составляет от 10% до 60%. Также я видел разные цифры, но взял самые драматические: 95% запусков новинок неудачны, они не достигают результатов, на которые изначально ориентировались.
Роль новинок в цепях поставок сложно переоценить. Все функции поставок сильно интегрированы в этот процесс. Каждая из сторон формулирует свои вопросы. Насколько точный прогноз новинок, насколько важен уровень сервиса, на который ориентируются сразу при запуске, хватит ли у производства мощности – это вопросы от цепи поставок. С другой стороны, как правило, довольно креативные коллеги из департаментов маркетинга хотят экспериментировать, запускать все больше и больше релизов. В этом процессе прогнозирование является стратегически важной задачей.
Проблема с расчетом прогноза является актуальной. Это одна из трех топовых причин провала новых запусков. Новинки сложно прогнозировать, потому что нет истории продаж. Традиционный метод прогнозирования основан на том, что вы анализируете исторические данные, выявляете какие-то параметры временного ряда и экстраполируете на будущее. А что делать, если нет истории, сроки сжаты, время в дефиците, решения сложны, недостаточно вводных, недостаточно понимания? Кроме того, есть проблема субъективного представления о потенциале. Функция маркетинга может дать какую-то цифру, но она будет «в целом, по стране», может не учитывать листинг и все остальное.
И самый сложный аспект – качество данных. Данные имеют множество источников, не структурированы, неполные, без единого хранилища. Частично вопрос решают внедрением портала мастер-данных. Но потребительские характеристики, которые являются значимыми, особенно для новинок, остаются за бортом. Самое сложное с новинками – всегда есть что-то, что кем-то не учтено, пропущено. И это является как раз самым предсказуемым.
Есть ли какие-то решения? На самом деле, новинка новинке рознь. Можно сделать матрицу, где сверху информация о том, насколько продуктовая технология внутри новинки является новой, а насколько – существующей. Также можно оценить рынок: является ли он существующим или новым. На пересечении параметров можно увидеть революционный и эволюционный процессы, когда происходит или удешевление продукта, или значительное улучшение, или расширение линейки, или расширение географии. Совсем редко происходит что-то действительно радикальное – выход абсолютно нового продукта для компании, принципиально нового продукта для всего рынка. Исследования говорят, что таких запусков всего порядка 10-15%. То есть в основном мы работаем с новинками, которые в какой-то мере нам знакомы.
Какие решения существуют для эволюционного и революционного сценариев? Часто для прогнозирования новинок применяют маркетинговые исследования, проводят опросы фокус-групп, эксперименты, маркетинговую разведку, анализ источников данных. Производятся пилотные запуски маленьких партий, выясняется, насколько они востребованы на рынке. Наконец, применяются более привычные для нас вычислительные методы, машинное обучение. Несмотря на то, что у новинок нет никакой истории, ее можно создать с помощью подбора релевантных позиций. Затем происходит подготовка данных, моделирование, выбор прогноза и контроль качества. Пройдемся пошагово по каждому из этих этапов.
Отбор релевантных позиций
Релевантная позиция будет являться донором истории для новинки. То есть мы делаем допущение, что новая позиция так или иначе в своем жизненном цикле будет похожа на те позиции, которые мы запускали ранее. Соответственно, нужно каким-то образом похожие. Для этого используется информация о признаках позиции: категория, цена, экономические характеристики, наличие какого-то вкуса, форма упаковки, емкость для косметики… Этих характеристик может быть большое количество. Понятно, что не все из критериев являются равнозначными. Чтобы их упорядочить, можно использовать весовые коэффициенты.
Еще один важный критерий – месяц старта продаж. Жизненный цикл позиции, запущенной накануне сезона, в течение сезона или после сезона, может быть существенно различным. Нужно изначально отобрать те позиции, у которых сезонный профиль и жизненный цикл будут максимально похожи на профиль и цикл новинки.
Затем происходит подготовка данных для доноров. Очевидно, нельзя брать историю продаж как есть, потому что так или иначе в ней есть выбросы. Надо обязательно проводить восстановление из-за дефицита: часто бывает, что новинка успешно продается и быстро вымывается со склада. За короткий период мы должны сделать корректировку.
Наконец, проводим чистку, корректировку сезона. Получаем реальный потенциала. В каждой модели прогнозирования по-разному комбинируем факторы.
Выбор прогноза
Важным этапом является выбор лучшего прогноза. Тут традиционный метод тестовой выборки не применим, поэтому нужно проводить дополнительное аналитическое исследование. Выбирать, насколько точно тот или иной метод прогнозирования попадает. Потом принимать решение, какой метод прогнозирования или какой ансамбль моделей для этой товарной группы наиболее применим. Важно регулярно это актуализировать, чтобы не принимать какой-то метод как догму, не ориентироваться на уже устаревший вариант.
Контроль качества
Традиционные методики оценки качества прекрасно работают с новинками. Forecast value added показывает, насколько ваши усилия, направленные на построение более сложных моделей, оправданы. Возможно, простая модель даст лучший результат, чем сложная нейронная сеть. Поэтому обязательно обращайте внимание, можно ли эту задачу решить более простым способом.
Когда новинка перестает быть новинкой? Нужно сравнивать методы прогнозирования по истории продаж. Иногда нужно делать это целый год. Иногда 3-6 месяцев. Следующий нюанс – это каннибализация: учет возможных потерь в продажах других позиций. Зачастую бывает, что одна позиция отнимает потенциал продаж у другой позиции. Этот фактор надо иметь в виду, и их разводить.
Иногда ввод новинок не оправдывает потенциал, который закладывается маркетологами. Поэтому нужны идеи по поддержке планов, связанных с новинками. Контролировать проще, когда у тебя есть детализированный прогноз: понедельный, помесячный или декомпозированный до каждого клиента. Как правило, таких прогнозов на входе от бизнеса нет, а методы прогнозирования позволяют их построить.
И последний вопрос, наверное, из самых важных: сделано ли все возможное, чтобы повысить качество данных? Сохранили ли вы ваши выводы на будущее, чтобы не повторять предыдущие ошибки? Учли всю информацию? Сохранили всю спецификацию? Какой бы ни была продвинутой система прогнозирования и машинного обучения, самое важное – это бизнес-процессы и компетенции людей.
Вопрос от аудитории- В течение какого времени производится работа по прогнозированию новинки? Какие инструменты, софт используются?
- Период – от пары месяцев до полугода или года. Математика занимает процентов двадцать времени. Восемьдесят процентов уходит на обогащение: сбор данных, координация бизнес-процессов и прочее. По поводу решения: мы использовали совершенно разные. Сейчас сотрудничаем с Novo BI и рекомендуем их систему Novo Forecast Enterprise.
Тексты выступлений других спикеров
Станислав Фридкин, руководитель отдела планирования Estee Lauder Companies
— Опыт запуска новинок Estee Lauder Companies
Алексей Батурин, исполнительный директор Novo BI
— Планирование новых продуктов. Опыт Novo BI
Видеозапись онлайн-встречи: https://youtu.be/L0WBUsvL-5M
Презентации: https://drive.google.com/drive/folders/1F7P59ChKXSVRv857JNMLiU-0F6joHMsd?usp=sharing
ВАКАНСИИ | freshtalent
Вакансии
Найди вакансию с помощью функции поиск или листай список
з/п не указана
з/п не указана
з/п не указана
з/п не указана
Не нашли подходящей вакансии?
Всё равно присылайте резюме* с описанием опыта, навыков и укажите сферу интересов.
Когда появится релевантная позиция, мы с вами свяжемся.
Обратите внимание, мы не работаем с кандидатами за вознаграждение.
Сервис «Резюме»
Зачем? Кому? Сколько?
Поможем создать резюме и дадим консультацию как успешно пройти собеседование.
Резюме — это первичная презентация перед работодателем, оно позволяет заочно ознакомиться с твоими навыками, опытом, деловыми и личностными качествами.
По резюме происходит первичный отбор кандидатов.
Поэтому в резюме должны отражаться только сильные стороны и преимущества!
Наш сервис будет тебе полезен, если ты в длительном поиске работы или наоборот давно не был на рынке труда, а может тебе просто нужна консультация эксперта.
Мы предлагаем два варианта на твой выбор
ГОТОВОЕ РЕЗЮМЕ
-
Интервью с HR-консультантом по телефону или Skype;
-
Составление резюме с «0» или корректировка существующего резюме:
— Правильно расставленные акценты в резюме
— Максимально привлекательное описание
профессионального опыта и достижений
ЦЕНА: 2 000 ₽
ГОТОВОЕ РЕЗЮМЕ + КОНСУЛЬТАЦИЯ
-
Интервью с HR-консультантом по телефону или Skype;
-
Составление резюме с «0» или корректировка существующего резюме:
— Правильно расставленные акценты в резюме
— Максимально привлекательное описание профессионального опыта и достижений
-
Наличие договора на оказание услуг
-
Удобство (удаленная работа)
-
Консультация (по резюме, методам поиска работы, подготовка к встрече с работодателем, собеседованию).
-
Сроки — до 3 дней.
ЦЕНА: 3 500 ₽
Как это работает
Закажи наиболее подходящий для тебя вариант резюме, выбери дату проведения встречи и произведи оплату.
Наш HR консультант свяжется с тобой, чтобы провести собеседование
Готовое резюме у тебя в почте уже через 3 дня + последующая консультация, если ты выбрал вариант «Готовое резюме +»
*Направляя нам свое резюме на электронный адрес [email protected], Вы тем самым, свободно, своей волей и в своем интересе, даете свое согласие КА Fresh Talent (ИП Разина Мария Олеговна, ОГРНИП 316507400067712) на обработку Ваших персональных данных, указанных в прикрепленном файле резюме, включая любые действия или совокупность действий, предусмотренных п. 3 ст. 3 Федерального закона от 27 июля 2006 г. №152-ФЗ «О персональных данных», совершаемых с использованием средств автоматизации или без использования таких средств, в т.ч. на передачу предоставленных персональных данных в компании, для которых КА Fresh Talent (ИП Разина Мария Олеговна) осуществляет поиск, а также в целях информирования Вас в период действия данного согласия об актуальных вакансиях. Срок действия Вашего согласия является неограниченным, однако, Вы вправе в любой момент отозвать настоящее согласие, путём направления письменного уведомления на адрес: Россия, 142104, Московская область, г. Подольск, ул. Индустриальная д. 4, пометкой «Отзыв согласия на обработку персональных данных».
Абсолютное, относительное, фиксированное позиционирование: чем они отличаются? | CSS-трюки
Давайте поговорим о свойстве position
. Я знаю, что новичкам это интересно. Вот вопрос, который я получил недавно:
Я новичок в веб-дизайне и не разобрался с различиями в расположении элементов. Я знаю, что есть
абсолютных
,фиксированных
иотносительных
. Есть ли другие? Кроме того, они сильно отличаются? И когда какой использовать?
Краткий ответ
Есть еще два: static
, который используется по умолчанию, и sticky
, который является совершенно необычным. Да , все они сильно отличаются! Каждый из них невероятно полезен, и то, что вы должны использовать, конечно же, зависит от желаемого результата.
Более длинный ответ
Прежде всего важно понять, что каждый отдельный элемент на веб-странице представляет собой блок. Буквально прямоугольник пикселей. Это легко понять, если установить для элемента значение Теперь, когда вы представляете каждый отдельный элемент страницы в виде блока пикселей, мы можем поговорить о том, как используется позиционирование для получения блоков пикселей именно там, где вы хотите. Это по умолчанию для каждого отдельного элемента страницы. Разные элементы не имеют разных значений по умолчанию для позиционирования, все они начинаются как Этот тип позиционирования, вероятно, является наиболее запутанным и неправильно используемым. На самом деле это означает «относительно самого себя». Если вы установите позицию При установке позиции Другое дело, что ограничивает область действия абсолютно позиционированных дочерних элементов . Любой элемент, который является дочерним элементом относительно позиционированного элемента, может быть абсолютно позиционирован внутри этого блока. Это открывает некоторые мощные возможности, о которых я говорю здесь. Это очень мощный тип позиционирования, который позволяет буквально размещать любой элемент страницы именно там, где вы хотите. Вы используете атрибуты позиционирования Компромисс (и самое главное, что следует помнить) об абсолютном позиционировании состоит в том, что эти элементы удаляются из потока элементов на странице. На элемент с таким типом позиционирования не влияют другие элементы, и он не влияет на другие элементы. Это серьезная вещь, которую следует учитывать каждый раз, когда вы используете абсолютное позиционирование. Его чрезмерное или неправильное использование может ограничить гибкость вашего сайта. Элемент фиксированной позиции Это может использоваться для чего-то вроде панели навигации, которую вы хотите всегда видеть независимо от положения прокрутки страниц. Проблема с фиксированным позиционированием заключается в том, что это может привести к ситуациям, когда фиксированный элемент перекрывает содержимое, которое становится недоступным. Хитрость в том, чтобы иметь достаточно места, чтобы избежать этого и подобных трюков. Липкое позиционирование действительно уникально! Липкий элемент Свойство CSS Элемент расположен в соответствии с обычным потоком документа.Свойства Элемент позиционируется в соответствии с нормальным потоком документа, а затем смещается относительно самого себя на основе значений Это значение создает новый контекст стека, когда значение Элемент удаляется из обычного потока документов, и в макете страницы для него не создается места. Он позиционируется относительно своего ближайшего предка, если таковой имеется; в противном случае он размещается относительно исходного содержащего блока.Его конечное положение определяется значениями Это значение создает новый контекст стека, когда значение Элемент удаляется из обычного потока документов, и в макете страницы для него не создается места.Он позиционируется относительно начального содержащего блока, установленного окном просмотра, за исключением случаев, когда один из его предков имеет свойство Это значение всегда создает новый контекст стека. В печатных документах элемент размещается в одной и той же позиции на каждой странице . Элемент позиционируется в соответствии с нормальным потоком документа, а затем смещается относительно его ближайшего предка прокрутки и содержащего блока (ближайший предок на уровне блока), включая элементы, связанные с таблицей, на основе значений Это значение всегда создает новый контекст стека. Обратите внимание, что липкий элемент «прилипает» к своему ближайшему предку, который имеет «механизм прокрутки» (создается, когда В большинстве случаев абсолютно позиционированные элементы, у которых За исключением только что описанного случая (абсолютно позиционированные элементы, заполняющие доступное пространство): Убедитесь, что элементы, расположенные с абсолютным Элементы прокрутки, содержащие Относительно расположенные элементы смещаются на заданную величину от их нормального положения в документе, но смещение не влияет на другие элементы. В приведенном ниже примере обратите внимание, как другие элементы размещены так, как если бы «Два» занимали место на своем обычном месте. Относительно расположенные элементы остаются в обычном потоке документа. Напротив, абсолютно позиционированный элемент удаляется из потока; таким образом, другие элементы позиционируются так, как будто его не существует. Абсолютно позиционированный элемент позиционируется относительно своего ближайшего позиционированного предка (т.е., ближайший предок, не являющийся Я базовый элемент блочного уровня. Мои соседние элементы уровня блока располагаются на новых строках ниже меня. По умолчанию мы занимаем 100 % ширины родительского элемента, а высота соответствует дочернему содержимому.Наша общая ширина и высота — это содержимое + отступы + ширина/высота границы. Нас разделяют поля. Из-за схлопывания полей мы разделены шириной одного поля, а не обоих. строчные элементы, такие как этот и этот, располагаются на одной строке друг с другом и соседними текстовыми узлами, если на одной строке есть место. Выходящие за пределы строчные элементы переходят на новую строку, если это возможно — как этот, содержащий текст, или просто переходят на новую строку, если нет, как на этом изображении: Фиксированное позиционирование аналогично абсолютному позиционированию, за исключением того, что блок, содержащий элемент, является начальным содержащим блоком, установленным окном просмотра , если только какой-либо предок не имеет
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam congue tortor eget pulvinar lobortis.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam ac dolor augue.Pellentesque mi mi, laoreet et dolor sit amet, ultrices varius risus. Nam vitae iaculis elit.
Aliquam mollis interdum libero. Эгестас плаценты Sed sodales. Vestibulum ut arcu aliquam purus viverra dictum vel sit amet mi.
Duis nisl mauris, aliquam sit amet luctus eget, dapibus in enim. Sed velit augue, pretium a sem aliquam, congue porttitor tortor.
Sed tempor nisl a lorem consequat, id maximus erat aliquet. Sed sagittis porta libero sed condimentum.
Aliquam finibus lectus nec ante congue rutrum.Curabitur quam quam, accumsan id ultrices ultrices, tempor et tellus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam congue tortor eget pulvinar lobortis.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam ac dolor augue.
Pellentesque mi mi, laoreet et dolor sit amet, ultrices varius risus. Nam vitae iaculis elit.
Aliquam mollis interdum libero. Эгестас плаценты Sed sodales. Vestibulum ut arcu aliquam purus viverra dictum vel sit amet mi.Duis nisl mauris, aliquam sit amet luctus eget, dapibus in enim. Sed velit augue, pretium a sem aliquam, congue porttitor tortor.
Sed tempor nisl a lorem consequat, id maximus erat aliquet. Sed sagittis porta libero sed condimentum.
Aliquam finibus lectus nec ante congue rutrum. Curabitur quam quam, accumsan id ultrices ultrices, tempor et tellus.
display: block;
или если этот элемент по умолчанию является блочным, например
и высоту
, и этот элемент будет учитывать это. Но элементы с кодом display: inline;
, как и
по умолчанию, являются прямоугольниками и , просто они перетекают на страницу по-разному, выстраиваясь горизонтально, насколько это возможно.
.эл {
положение: статичное;
положение: родственник;
положение: абсолютное;
положение: фиксированное;
положение: липкое;
положение: наследовать;
}
статический
static
. Статика мало что значит; это просто означает, что элемент будет перетекать на страницу, как обычно.Единственная причина, по которой вы когда-либо устанавливали элемент в позицию : static;
— принудительно удалить некоторое позиционирование, которое было применено к элементу, находящемуся вне вашего контроля. Это довольно редко, так как позиционирование не каскадное.
родственник
: относительная;
для элемента, но без других атрибутов позиционирования ( сверху
, слева
, снизу
или справа
), это никак не повлияет на его позиционирование, оно будет точно таким, каким оно было бы, если бы вы его оставили. как позиция : статическая;
Но если вы сделаете , задайте какой-нибудь другой атрибут позиционирования, скажем, top: 10px;
, он сдвинет свою позицию на 10 пикселей вниз на от того места, где обычно находится .Я уверен, что вы можете себе представить, что возможность перемещать элемент в зависимости от его обычного положения очень полезна. Я обнаружил, что много раз использую это для выравнивания элементов формы, которые имеют тенденцию не выстраиваться так, как я хочу. происходят еще две вещи: относительная;
на элементе, о котором вам следует знать. Во-первых, он дает возможность использовать z-index
для этого элемента, что не работает со статически расположенными элементами.Даже если вы не установите значение z-index
, этот элемент теперь будет отображаться с номером поверх любого другого статически позиционированного элемента. Вы не можете бороться с этим, установив более высокое значение z-index
для статически позиционированного элемента.
абсолютный
сверху
, слева
, снизу
и справа
для установки местоположения. Помните, что эти значения будут относиться к следующему родительскому элементу с относительным (или абсолютным) позиционированием. Если такого родителя нет, по умолчанию он будет возвращаться обратно к самому элементу
, что означает, что он будет размещен относительно самой страницы.
фиксированный
позиционируется относительно области просмотра или самого окна браузера.Окно просмотра не меняется при прокрутке окна, поэтому элемент с фиксированным положением останется там же, где и при прокрутке страницы.
липкий
будет просто сидеть там, как статический элемент, но когда вы прокручиваете мимо , если у его родительского элемента есть место (обычно: дополнительная высота), липкий элемент будет вести себя так, как если бы он был фиксированным
, пока этот родительский элемент находится вне комнаты. На словах это звучит странно, но в демо легко увидеть, что происходит. Родственные понятия
position — CSS: каскадные таблицы стилей
position
задает положение элемента в документе.Свойства сверху
, справа
, снизу
и слева
определяют окончательное расположение позиционируемых элементов.
положение: статическое;
положение: родственник;
положение: абсолютное;
положение: фиксированное;
положение: липкое;
положение: наследовать;
положение: исходное;
положение: возврат;
позиция: реверс-слой;
положение: не установлено;
Значения
статические
top
, right
, bottom
, left
и z-index
имеют никакого эффекта . Это значение по умолчанию. родственник
top
, right
, bottom
и left
. Смещение не влияет на положение любых других элементов; таким образом, пространство, отведенное для элемента в макете страницы, такое же, как если бы position было static
. z-index
не равно auto
. Его влияние на элементы table-*-group
, table-row
, table-column
, table-cell
и table-caption
не определено. абсолютный
сверху
, справа
, снизу
и слева
. z-index
не равно auto
. Поля абсолютно позиционированных блоков не сливаются с другими полями. фиксированный
transform
, перспектива
или filter
, установленное на значение, отличное от none
(см. спецификацию CSS Transforms). , и в этом случае этот предок ведет себя как содержащий блок. (Обратите внимание, что существуют несоответствия браузера с перспективой
и фильтром
, способствующими формированию сдерживающего блока.) Его конечное положение определяется значениями top
, right
, bottom
и left
. липкий
top
, справа
, снизу
и слева
.Смещение не влияет на положение любых других элементов. overflow
is hidden
, scroll
, auto
или overlay
), даже если этот предок не t ближайший реально прокручивающийся предок. Это эффективно подавляет любое «липкое» поведение (см. проблему GitHub в W3C CSSWG). Типы позиционирования
position
равно относительному
, абсолютному
, фиксированному
или 3 липкому. (Другими словами, это что угодно, кроме static
.) position
равно относительно
. Свойства сверху
и снизу
задают смещение по вертикали от нормального положения; свойства слева
и справа
задают смещение по горизонтали. position
равно абсолютному
или фиксированному
. Свойства top
, right
, bottom
и left
задают смещения от краев содержащего элемент блока. (Содержащий блок является предком, относительно которого позиционируется элемент.) Если у элемента есть поля, они добавляются к смещению. Элемент устанавливает новый контекст форматирования блока (BFC) для своего содержимого. position
равно sticky
. Он считается относительно расположенным до тех пор, пока содержащий его блок не превысит заданный порог (например, установка top
на значение, отличное от auto) в корне потока (или контейнере, в котором он прокручивается), после чего он рассматривается как «застрявший» до тех пор, пока встречается с противоположным краем содержащего его блока. высота
и ширина
установлены на авто
, имеют размер, соответствующий их содержимому.Однако незаменяемые, абсолютно позиционированные элементы можно заполнить доступным вертикальным пространством, указав как верхнее
, так и нижнее
и оставив высоту
неуказанной (то есть авто
). Их также можно заставить заполнить доступное горизонтальное пространство, указав как left
, так и right
и оставив width
как auto
.
верхнее
и нижнее
(технически, не авто
), верхнее
побеждает. левый
и правый
, левый
выигрывает, когда направление
равно ltr
(английский, горизонтальный японский и т. д.) арабский, иврит и др.).
или фиксированным
значением, не заслоняют другое содержимое при масштабировании страницы для увеличения размера текста. Производительность и доступность
фиксированное
или закрепленное
содержимое, могут вызвать проблемы с производительностью и доступностью.Когда пользователь прокручивает страницу, браузер должен перерисовывать прикрепленный или фиксированный контент в новом месте. В зависимости от содержимого, которое необходимо перерисовать, производительности браузера и скорости обработки устройства браузер может быть не в состоянии управлять перерисовкой со скоростью 60 кадров в секунду, что вызывает проблемы с доступностью для людей с чувствительностью и дерганье для всех. Одним из решений является добавление will-change: transform
к позиционированным элементам для визуализации элемента в его собственном слое, что повышает скорость перерисовки и, следовательно, повышает производительность и доступность. статический | родственник | абсолютный | липкий | фиксированный
Относительное позиционирование
HTML
УСБ
* {
box-sizing: граница-коробка;
}
.коробка {
отображение: встроенный блок;
ширина: 100 пикселей;
высота: 100 пикселей;
фон: красный;
белый цвет;
}
#два {
положение: родственник;
верх: 20 пикселей;
слева: 20 пикселей;
фон: синий;
}
Абсолютное позиционирование
статическим
). Если позиционированный предок не существует, он позиционируется относительно ICB (начальный содержащий блок — см. также определение W3C), который является содержащим блоком корневого элемента документа. HTML
Абсолютное позиционирование
УСБ
* {
box-sizing: граница-коробка;
}
тело {
ширина: 500 пикселей;
поле: 0 авто;
}
п {
фон: цвет морской волны;
граница: 3 пикселя сплошного синего цвета;
отступ: 10 пикселей;
поле: 10 пикселей;
}
охватывать {
фон: красный;
граница: 1px сплошной черный;
}
.positioned {
положение: абсолютное;
фон: желтый;
верх: 30 пикселей;
слева: 30 пикселей;
}
Результат
Фиксированное позиционирование
преобразования
, перспективы
или filter
установлено значение, отличное от none
(см. спецификацию CSS Transforms), что затем приводит к тому, что этот предок занимает место элементов, содержащих блок.Это можно использовать для создания «плавающего» элемента, который остается в одном и том же положении независимо от прокрутки. В приведенном ниже примере поле «Один» зафиксировано на расстоянии 80 пикселей от верхнего края страницы и 10 пикселей от левого края. Даже после прокрутки он остается на том же месте относительно области просмотра. HTML
<дел>
УСБ
* {
box-sizing: граница-коробка;
}
.коробка {
ширина: 100 пикселей;
высота: 100 пикселей;
фон: красный;
белый цвет;
}
#один {
положение: фиксированное;
верх: 80 пикселей;
слева: 10 пикселей;
фон: синий;
}
.внешний {
ширина: 500 пикселей;
высота: 300 пикселей;
переполнение: прокрутка;
отступ слева: 150 пикселей;
}
Результат
Прилипающее позиционирование
Прилипающее позиционирование можно рассматривать как гибрид относительного и фиксированного позиционирования. Закрепленный элемент рассматривается как относительно позиционированный до тех пор, пока он не пересечет указанный порог, после чего он считается фиксированным, пока не достигнет границы своего родителя. Например…
#one { position: sticky; верх: 10 пикселей; }
… будет позиционировать элемент с идентификатором на относительно до тех пор, пока область просмотра не будет прокручена таким образом, что элемент будет менее чем на 10 пикселей сверху. За пределами этого порога элемент будет зафиксирован на 10 пикселей сверху.
Прикрепляемое позиционирование обычно используется для заголовков в алфавитном списке. Заголовок «B» будет отображаться сразу под элементами, начинающимися с «A», пока они не будут прокручены за пределы экрана. Вместо того, чтобы перемещаться за пределы экрана с остальным содержимым, заголовок «B» будет оставаться фиксированным в верхней части области просмотра до тех пор, пока все элементы «B» не будут прокручены за пределы экрана, после чего он будет закрыт буквой «C». заголовок и так далее.
Вы должны указать пороговое значение хотя бы с одним из верхнее
, правое
, нижнее
или левое
, чтобы фиксированное позиционирование работало должным образом. В противном случае оно будет неотличимо от относительного позиционирования.
HTML
<дл>
<дел>
А
Эндрю В.К.
Аппарат
Аркадный огонь
На въезде
Азиз Ансари