Как создать сайт с кейсами: Как создать и настроить свой сайт рулетку CS:GO » Miped.ru

Как создать сайт с кейсами: Как создать и настроить свой сайт рулетку CS:GO » Miped.ru

пошаговая инструкция и шаблон — Маркетинг на vc.ru

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

1. Определить тему и формат кейса

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

• снижение затрат,
• увеличение прибыли,
• привлечение новых клиентов,
• закрытие новых сделок,
• выход на новый рынок,
• привлечение инвестиций в проект.

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

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

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

2. Найти подходящего канд

Как оформлять кейсы

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

 

ПЛОЩАДКИ ДЛЯ РАЗМЕЩЕНИЯ КЕЙСОВ

В кейсе скорее важно не КАК его оформить, а ГДЕ. Какие площадки подойдут: COSSA, vc.ru, tjournal.ru, spark.ru и множество других интернет-изданий, которые пишут о маркетинге.

 

Это пример правильного оформления.

 

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

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

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

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

 

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

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

 

 

Здесь их расписывают довольно подробно. Вообще подробности в кейсах – самое сладкое. Майнд-карта, аудитория, kpi, бюджет, скриншоты рекламного кабинета. Иногда прикладывают скрины из метрики – это всегда оставляет большое впечатление от кейса.

 

 

 

На скрине кейс в виде сторителлинга, это другой тип оформления. По ссылке выше на COSSA – сухой кейс, оформление основано на фактах.

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

 

 

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

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

 

СТРУКТУРА КЕЙСА

Посмотрим, что может входить в кейс, на примере нашего реального отчёта.

 

– Задача

 

 

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

 

– Решение

 

 

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

 

– Реализация решений

 

 

Со скриншотами баннеров, со статистикой – показываем, как воплощалось каждое из решений.

 

 

– Результаты

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

 

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

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

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

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

 

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

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

 

как написать кейс + примеры

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

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

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

Шаг 1. Выберите подходящего кандидата

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

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

Шаг 2. Свяжитесь с участниками кейса

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

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

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

Форма согласия на участие в кейс исследовании

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

• Понятное объяснение, почему вы проводите это исследование и для чего будут использованы его результаты.
• Информация о том, какие данные компании вы собираетесь использовать: название, логотип, должности сотрудников, имена, изображения и т. д.
• Описание ваших ожиданий от их участия в вашем кейсе (Должны ли они поделиться своим отзывом или оставить свои контактные данные?).

Сообщение о компенсации

При создании Истории успеха необходимо обратить внимание на следующие элементы:

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

Шаг 3. Убедитесь, что вы задаете правильные вопросы

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

В анкете можно использовать следующие:

• Каковы ваши цели?
• С какими трудностями вы сталкивались до применения нашего продукта или услуги?
• Чем наш продукт или услуга отличается от предложения конкурентов?
• Как выглядит ваш процесс приятия решений?
• Как использование нашего продукта или услуги помогло вашему бизнесу? (По возможности укажите точные цифры).

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

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

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

Бизнес клиента

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

Примеры вопросов: Как долго вы занимаетесь этим бизнесом? Сколько у вас сотрудников? Каковы цели ваших отделов в настоящее время?

Необходимость решения проблемы

Для создания качественной истории нужен контекст. Это поможет соотнести нужды клиента с вашим решением.

Примеры вопросов: Какие проблемы и цели создали необходимость для поиска решения? Что бы произошло, если бы вы не нашли решение? До сотрудничества с нами вы применяли решения, которые не сработали? Если да, то что произошло?

Процесс принятия решений

Понимание процесса принятия решения существующих клиентов поможет вам управлять процессами принятия решений потенциальных клиентов.

Примеры вопросов: Как вы узнали о нашем продукте или услуге? Кто участвовал в процессе выбора? Что при рассмотрении вариантов для вас было важнее всего?

Реализация

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

Примеры вопросов: Как много времени у вас ушло на освоение продукта или услуги? Отвечало ли это вашим ожиданиям? Кто был вовлечен в процесс?

Решение в действии

Целью этого раздела является лучшее понимание того, как клиент использует ваш продукт или услугу.

Примеры вопросов: Есть какой-то элемент продукта или услуги, на который вы полагаетесь больше всего? Кто использует продукт или услугу?

Результат

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

Примеры вопросов: Как продукт или услуга помогает вам экономить время и увеличить продуктивность? Как это повлияло на ваши конкурентные преимущества? Насколько вам удалось увеличить показатели А, Б и В?

Шаг 4. Составьте кейс

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

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

Обязательно добавьте в свое исследование следующие элементы:

• Заголовок: он должен быть максимально коротким, отразите только самые значимые результаты.
• Краткое содержание: используйте здесь 2-4 предложения, раскрывающие суть исследования, также обязательно укажите 2-3 впечатляющих факта, подтверждающих успех.
• О клиенте: эта часть – описание человека или компании, с которыми вы работали, для нее можно использовать информацию из интернета.
• Вызовы: в этот раздел следует включить 2-3 абзаца, описывающих вызовы клиентов, с которыми они сталкивались до использования вашего продукта или услуги, также желательно добавить описание их целей.
• Как вы помогли: в этом разделе должно быть 2-3 абзаца, рассказывающих о том, как ваш продукт или услуга решили проблемы вашего клиента.
• Их результаты: в этом разделе в 2-3 абзацах нужно указать, как ваш продукт или услуга повлияли на человека или компанию, а также помогли в достижении целей. Желательно использовать данные.
• Визуальный контент или цитаты: выберите две или три яркие цитаты из предыдущего текста, а также подберите подходящие иллюстрации.

Примеры кейсов

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

1. “New England Journal of Medicine” от Corey McPherson Nash

Все работы студии брендинга и дизайна Corey McPherson Nash привлекают внимание яркими визуальными элементами. Это неудивительно, ведь это сфера их профессиональной деятельности. И проект “New England Journal of Medicine” не стал исключением. В нем бренд в прямом смысле показал, каких результатов им удалось достичь.

2. “Shopify Uses HubSpot CRM to Transform High Volume Sales Organization” от HubSpot

Этот кейс отличается тем, как в нем представлен клиент. Такой подход – кредо HubSpot: клиент всегда на первом месте. В исследовании объясняется, почему Shopify использует HubSpot, оно дополнено видео и статистикой. Обратите внимание, что в этом кейсе сочетаются разные типы контента.

3. “Designing the Future of Urban Farming” от IDEO

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

4. “Secure Wi-Fi Wins Big for Tournament” от WatchGuard

В этом случае визуальный контент (видео) рассказывает всю историю. В нем есть и информация о компании и описание опыта сотрудничества с Windmill Ultimate Frisbee.

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

13 сайтов с кейсами и советами

Мы в Relap. io распространяем контент брендов на российских медиаплощадках. Например, к нам приходит Тинькофф или Aviasales с материалами и мы приводим аудиторию в их блоги и на спецпроекты.

Многие бренды тоже хотят создавать контент, но сомневаются.

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

Мы собрали СМИ и блоги о контент-маркетинге и нативной рекламе, где вы найдете ответы на эти вопросы. Сами их читаем, потому что нам тоже нужны советы.

В подборке нет узкоспециализированных блогов об SMM- или SEO-оптимизации.

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

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

Что почитать:

«Нативная реклама: дань моде или новый стандарт? Исследование».

Статья о применении принципа Lean Startup для тестирования контента — «Как проверить гипотезу на коротких контентных формах перед инвестицией в большие контентные проекты».

Издание не столько о котах, сколько об интернет-маркетинге с уклоном в контент-маркетинг. Они практики. Ищут ответ на вопрос нужно ли создавать контент малому бизнесу или кирпичному заводу, например?

Что почитать:

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

«Контент-маркетинг для малого бизнеса. Подробная инструкция по эксплуатации сферического коня в вакууме».

Первопроходцы в Рунете. Статьи о контенте смотрите на этой странице.

Что почитать:

«Что лучше: лонгриды или короткие статьи? Кейс „Текстерры“»

«Что такое транспарентный блогинг и как его использовать» — почему бизнесу полезно раскрывать карты, а не твердить «мы самые клевые». (Все самые клевые.) И какие могут быть опасности.

Часть империи маркетолога Нейла Пателя. Он сооснователь компаний KISSmetrics, Crazy Egg и Hello Bar.Forbes включил его в топ-10 интернет-маркетологов. Разрабатывал стратегии для Amazon, NBC, GM, HP и Viacom.

Патель хорош тем, что он много пишет о практике. Иногда настолько подробно, что диктует тексты писем.

Мы перевели 2 его статьи:

«Что я понял о контент-маркетинге, когда проанализировал 614 постов» (Второй по популярности материал вблоге Relap.io)

«Что писать в блог компании: подробный гид по 15 видам постов»

Его личный блог.

Блог с упором на текст: как писать хорошо и внятно доносить мысли до аудитории. Большая часть советов касается англоязычных текстов. Так что приходится в голове адаптировать их для русского.

Мы перевели 1 текст из этого блога:

«И что? Как превратить функции товара в преимущества».

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

Каждую неделю редакция блога посвящает одному выдающемуся человеку из мира маркетинга. Эта неделя — неделя Джо Пулицци, «крестного отца» контент-маркетинга, основателя Content Marketing Institute. Читайтеинтервью.

Что еще почитать:

Электронные книги «33 совета от экспертов в нативной рекламе» и «Мини-гид по нативной рекламе».

Блог контент-маркетинговой платформы Contently. Постят кейсы, опыт, истории, сочиняют стихи.

Что почитать:

«Как 7 областей бизнеса, не имеющих отношения к маркетингу, могут использовать контент» — контент в продажах, корпоративной культуре, найме и так далее.

«Кейс о том, как финансовая компания создавала собственное медиа».

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

Что почитать:

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

(Спойлер: New York Times говорит, что пользователи проводят одинаковое время на обычных и брендированных материалах. )

О контенте во всех его проявлениях: от производства до аналитики.

Здесь вы найдете статьи о контент-маркетинге, обернутые как в романтические истории, так и в строгий костюм менеджера.

Что почитать:

«Что делать и не делать на свидании (и в контент-маркетинге): 5 пунктов», автор колонки проводит аналогию между любовными отношениями и контент-маркетингом:

1. Не стесняйтесь своей причудливости;
2. Не скрывайте недостатки;
3. Не зацикливайтесь на себе;
4. Помолчите и выслушайте;
5. Не раскрывайтесь полностью на первом свидании.

«Корпоративный маркетинг: Как Vivint и IBM Security рассказывают увлекательные истории, применяя данные» автор рассказывает о том, как крупный бизнес строит контент-стратегии, опираясь на данные.

Блог онлайн-сервиса ClearVoice, который помогает брендам найти авторов для создания контента. Привлекают сторонних экспертов для публикации гостевых постов, таким образом, аккумулируют знания рынка в одном блоге.

Что почитать:

Пост ненависти к каламбурам «Факт: Каламбуры — это ужасно. Никогда не используйте каламбуры».

«Как определить возврат инвестиций в контент-маркетинге».

Полезен и медиа, и брендам. Пишут о создании вовлекающих текстов и доставке их по адресу. ИзданиеVentureBeat назвало Copyblogger «Библией контент-маркетинга».

Что почитать:

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

«Как применять „Правило трех“ для создания вовлекающего контента» — описание простых техник для написания статей.

Сайт и Email-рассылка разделены на три тематических блока: Маркетинг, Продажи, Агентствам. Можно выбрать.

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

Что почитать:

«9 примеров нативной рекламы, которая действительно нравится читателям» смотрите примеры нативных спецпроектов.

«Как продать своему клиенту нативную рекламу» — для агентств. Подборка аргументов и цифр, которые помогут убедить клиента. Представителям брендов тоже будет интересно.

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

Это блог, который вы читаете сейчас 😉

У нас есть раздел «Нативная реклама». Мы рассказываем, как бренды могут создавать контент и как его распространять.

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

Подписывайтесь на на рассылку и на канал в Telegram.

_____________

Если у вас есть блог или спецпроект, которому нужна аудитория — пишите на [email protected]

Мы делаем нативную рекламу на РИА Новости, AdMe, COUB, TJournal, Лайфхакере и других медиаплощадках.

Задавайте вопросы по почте — мы обязательно ответим.

Создаем кейс своими силами

Рабочая ситуация

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

Хотелось бы узнать, как создаются кейсы, можно ли разработать их самостоятельно?

Решение

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

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

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

К тому же создание кейса — процесс творческий и увлекательный.

Различают кейсы сложные, средней сложности и простые.

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

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

Простые кейсы объемом не более пяти страниц (чаще одна- две страницы) широко используются для обучения, оценки и подбора персонала.

Словарь

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

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

Кейсы для подбора и оценки кандидата

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

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

Этапы создания кейса

Входные данные

Компания N занимается продажей автокосметики и имеет хорошо развитую розничную сеть.

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

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

Этап 1. Постановка задачи кейса

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

В данном случае задача может быть следующей.

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

Этап 2. Выбор формата кейса

Кейсы могут быть созданы в одном из следующих форматов.

1. Описание ситуации.

2. Описание ситуации в развитии.

3. Описание ситуации и характеристик действующих лиц.

4. Описание ситуации в развитии и характеристик действующих лиц.

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

Этап 3. Набросок кейса

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

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

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

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

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

Технология создания простых кейсов

Этап 4. Проверка информационного наполнения кейса

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

Избыточная информация: данные о возрасте не являются объектами анализа.

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

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

Несоответствие описания поставленной задаче кейса.

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

Этап 5.Написание кейса

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

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

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

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

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

Ирина. Компетентна и надежна. Любит привлекать к себе внимание. Очень коммуникабельна. Вне рабочего времени много общается: лично, по телефону и в социальных сетях.

Этап 6. Постановка вопросов к кейсу

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

Вопросов к кейсу можно сформулировать множество. Вот, например, три вопроса, которые играют совершенно разную роль.

1. Какие потребности актуальны для этих сотрудников?

2. Какого сотрудника вы выберете для перевода в новый магазин?

3. Какие мотиваторы вы можете использовать в диалоге с каждым сотрудником?

Вспомним поставленную к кейсу задачу.

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

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

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

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

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

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

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

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

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

Этап 7. Тестирование кейса

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

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

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

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

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

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

АЛГОРИТМ ДЕЙСТВИЙ

Журнал: Управление персоналом, Год: 2012, Номер: №2

Как создать сайт с помощью Google Sites

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

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

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

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

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

1. Выберите имя и адрес.

(Изображение предоставлено: Будущее)

Нажмите кнопку «Создать» на панели инструментов сайтов, которая приведет вас к экрану «Создать новый сайт».Здесь введите имя вашего сайта, которое автоматически добавляется к URL-адресу вашего сайта без пробелов.

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

2. Выберите шаблон и тему.

(Изображение предоставлено: Будущее)

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

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

3. Редактировать макет сайта

(Изображение предоставлено: в будущем)

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

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

4. Создайте страницу

(Изображение предоставлено: Будущее)

Чтобы добавить новую страницу, нажмите «Создать страницу». Затем назовите страницу и шаблон, на котором она будет основана. Используйте шаблон веб-страницы по умолчанию.

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

5. Добавление содержимого

(Изображение предоставлено в будущем)

Теперь вы попадете в интерфейс WYSIWYG Сайтов для добавления и редактирования содержимого.Интерфейс похож на любой текстовый редактор.

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

6. Общее управление веб-сайтом

(Изображение предоставлено в будущем)

Повторите шаги 4 и 5, чтобы наполнить ваш веб-сайт несколькими страницами и содержанием. Прежде чем представить миру свое творение, установите и настройте некоторые важные элементы, нажав кнопку Gears и выбрав «Управление сайтом».

Здесь вы можете изменить название сайта и добавить более подробное описание.

7. Управление доступом

(Изображение предоставлено: Будущее)

Для управления доступом к вашему веб-сайту щелкните значок шестеренки, перейдите к параметру «Управление сайтом» и переключитесь на «Общий доступ и разрешения».

По умолчанию новые веб-сайты могут просматривать все. Чтобы ограничить доступ, щелкните ссылку «Изменить…» в разделе «Кто имеет доступ», чтобы ограничить доступ либо URL-адресом вашего веб-сайта, либо конкретным списком людей.

8. Отслеживание и отмена изменений

(Изображение предоставлено в будущем)

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

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

Теперь вы создали веб-сайт с помощью Google Sites. Посмотрите, как вы можете использовать гаджеты, чтобы сделать его еще лучше.

Как создать учетную запись USCIS онлайн

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

Шаг 1. Перейдите на страницу регистрации.

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

Шаг 2: Введите свой адрес электронной почты и нажмите «Зарегистрироваться».

Вы будете использовать свой адрес электронной почты для создания и входа в свою учетную запись USCIS. Мы будем отправлять все электронные письма на этот адрес.

Шаг 3: Подтвердите свою учетную запись.

• Мы отправим подтверждающее сообщение на указанный вами адрес электронной почты.
• Щелкните ссылку в подтверждающем сообщении, чтобы перейти на страницу входа в учетную запись USCIS и продолжить создание своей учетной записи USCIS.
• Если вы не получили письмо с подтверждением в своем почтовом ящике в течение 10 минут, проверьте папку нежелательной почты или спама.
• Если письмо с подтверждением отсутствует в папке нежелательной почты или спама, выберите «Не получили инструкции для подтверждения?» для дополнительной информации.

Шаг 4. Ознакомьтесь с Условиями использования — Электронная иммиграционная онлайн-система Службы гражданства и иммиграции США и нажмите «Я согласен».

Шаг 5. Создайте пароль и нажмите «Отправить».

• Создайте пароль для своей учетной записи USCIS.Ваш пароль должен:
  • Должен быть длиной не менее восьми символов; и
  • Содержит как минимум одну заглавную букву, как минимум одну строчную букву и как минимум один специальный символ.
• Введите и подтвердите новый пароль, затем нажмите «Отправить».

Шаг 6: Выберите способ получения кода подтверждения (например, текст, электронное письмо или приложение для аутентификации) и нажмите «Отправить».

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

• Мы автоматически сгенерируем одноразовый пароль и отправим его вам по электронной почте или в текстовом сообщении на мобильный телефон, в зависимости от того, как вы выбрали его получение.
• Мы рекомендуем вам выбрать электронную почту и текстовое сообщение на мобильный телефон для получения одноразового пароля, а затем нажать «Отправить».
• Если вы выберете «Мобильный», вам будет предложено ввести номер вашего мобильного телефона в США. Могут применяться стандартные тарифы на обмен текстовыми сообщениями.
• Получение одноразового кода подтверждения может занять несколько минут. (Примечание. Если вы выбрали вариант электронной почты, не забудьте проверить папку нежелательной почты или спама в дополнение к папке «Входящие».)

Шаг 7. Введите этот проверочный код и нажмите «Отправить».

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

• Введите свой одноразовый пароль в поле «Надежный одноразовый пароль» и нажмите
  «Отправить.”
• Если вы не получили код аутентификации в течение 10 минут, выберите «запросить новый одноразовый пароль».

Шаг 8: При создании учетной записи вы также получите резервный код для двухэтапной проверки. Распечатайте или сохраните копию этого кода и храните ее в надежном месте. Нажмите «Продолжить».

Шаг 9: Выберите вопросы и ответы для сброса пароля.

• Используя стрелку раскрывающегося списка, выберите пять вопросов для сброса пароля. Если вы когда-нибудь забудете свой пароль, мы будем использовать эти вопросы для подтверждения вашей личности.
• Введите ответ на каждый вопрос в отведенном для этого месте. Вы должны запомнить эти ответы, если вам когда-нибудь понадобится сбросить пароль.
• Когда вы закончите, нажмите «Отправить».

Шаг 10: Добро пожаловать в ваш онлайн-аккаунт USCIS. Вы можете выбрать службу USCIS, в которую хотите войти. В этом случае выберите myUSCIS.

Шаг 11: В разделе «Тип учетной записи» выберите «Я заявитель, податель петиции или отправитель запроса» ИЛИ «Я являюсь законным представителем» и нажмите «Отправить».

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

Шаг 12: Получите подтверждение, что вы создали онлайн-аккаунт USCIS.

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

Шаг 13: Добавьте бумажные заявки в свою учетную запись.

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

Если вы не подавали свое дело онлайн, но имеете номер квитанции, начинающийся с «IOE», и код доступа в Интернете, который вы получили в Уведомлении о доступе к учетной записи USCIS, вы можете добавить дело в свою учетную запись и иметь возможность видеть статус дела и историю, отправлять защищенные сообщения, просматривать уведомления, загружать дополнительные доказательства и отвечать на запросы доказательств.

File-Online image

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

Шаг 14: Заполните доступную форму онлайн или просмотрите и подпишите формы, которые ваш поверенный или представитель подготовил для вас.

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

Заполнить онлайн-форму

Чтобы создать новую форму, загрузить доказательства, оплатить и отправить онлайн, нажмите «Заполнить форму онлайн» на главной странице своего аккаунта. Чтобы узнать больше, посетите страницу Советы по заполнению форм в Интернете.

Введите типичный пароль

Если ваш поверенный или представитель заполнил вашу форму онлайн, нажмите «Введите пароль представителя», чтобы получить доступ к форме и форме G-28, Уведомление о явке в качестве поверенного или аккредитованного представителя, которые они подали для вас.

Шаг 15: Управляйте своим делом в Интернете.

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

Дополнительные ресурсы

Посетите myUSCIS, чтобы войти в свою учетную запись USCIS и найти дополнительные ресурсы.

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

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

Для получения технической поддержки с вашей учетной записью в Интернете вы можете отправить нам защищенное сообщение. Если вы не подали свое дело онлайн, но у вас есть номер квитанции, начинающийся с «IOE», вы можете создать онлайн-аккаунт USCIS для отправки защищенных сообщений.

Посетите страницу «Инструменты», чтобы увидеть все наши инструменты самопомощи, которые могут дать вам ответы на общие иммиграционные вопросы.

Как сделать сайт в 2020 году (шаг за шагом)

Автор: Kaumil Patel
COO — GreenGeeks.com
Обновлено: декабрь 2020 г.

«Это руководство дает вам все необходимое, чтобы сделать потрясающий веб-сайт менее чем за час!»

Вы готовы сделать сайт? Благодаря достижениям в области технологий создание веб-сайта в 2020 году намного проще, чем раньше, настолько просто, что мы считаем, что ЛЮБОЙ может создать великолепно выглядящий веб-сайт для бизнеса или личного пользования при наличии правильных инструментов.

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

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

Требуемый уровень опыта
НАЧИНАЮЩИЙ

НЕОБХОДИМОЕ ВРЕМЯ
30-60 МИН

КОНЕЧНЫЙ РЕЗУЛЬТАТ
ВЕБ-САЙТ С ДОМЕНОМ

Сначала… Выберите платформу для создания своего веб-сайта на

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

WordPress, Joomla, Drupal… И это лишь некоторые из них.

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

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

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

Самые популярные платформы

ПРИМЕЧАНИЕ. Это лишь некоторые из систем, которые вы можете использовать. В GreenGeeks мы используем Softaculous. Он загружен десятками различных конструкторов веб-сайтов, которые вы можете добавить всего парой щелчков мыши.

WordPress — самый популярный

Как видите, самой популярной платформой (на сегодняшний день) является WordPress.Если вы новичок в разработке веб-сайтов, я предлагаю использовать WordPress. Это самый простой в использовании и часто быстрее при создании нового веб-сайта.

Существуют тысячи бесплатных (и платных) тем, из которых вы можете выбрать «Внешний вид» своего веб-сайта. Так что независимо от того, как вы хотите, чтобы он выглядел, профессиональный, личный, развлекательный, технический, WordPress — отличный вариант. Некоторые премиальные темы визуального конструктора WordPress, такие как Divi или Elementor, позволяют создавать веб-дизайн методом перетаскивания.

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

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

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

Второй… Определитесь с поставщиком доменного имени и веб-хостинга

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

Выбор доменного имени — все дело в имени

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

Придумывая имя, спросите себя:

• Имя соответствует содержанию? Вы бы не хотели называть веб-сайт «BobsChickenBarhibited».com », если вы планируете создать веганский веб-сайт.
• Название вашего сайта короткое и приятное? Чем короче имя, тем легче его набрать. Длинное имя может привести к неправильному написанию или избеганию со стороны пользователей.
• Легко ли пишется доменное имя? Простое неправильное написание слова в названии может привести к тому, что трафик уйдет в другое место.
• Правильно ли вы используете расширение домена, например .com или .net? Некоторые расширения будут вам недоступны в зависимости от того, где вы живете. Сегодня доступно множество расширений в зависимости от отрасли и назначения.Будь креативным.
• Ваше доменное имя слишком общее или близко к уже существующему домену? Наличие доменного имени, которое можно спутать с другими уже существующими веб-сайтами, может затруднить ранжирование в поисковых системах. Это хорошая идея — поискать свое потенциальное имя в Google, чтобы убедиться, что оно еще не используется кем-то другим.

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

Если вы застряли, пытаясь найти имя, вы можете попробовать использовать синонимы в имени. Иногда эффективны сокращения, такие как «cdc.gov».

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

ВЕБ-ХОСТИНГ — ВЫБОР ПЛАНА ВЕБ-ХОСТИНГА

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

Для новых разработчиков я предлагаю наш план EcoSite Lite. Начиная с 2,95 доллара в месяц, он является наиболее экономичным для начинающих и включает в себя все инструменты, которые вам понадобятся для достижения успеха. Это также включает бесплатное доменное имя, которое обычно будет стоить вам около 15 долларов в зависимости от того, какого регистратора вы используете.

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

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

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

Выберите свой тарифный план из представленных ниже вариантов и нажмите кнопку «Начать».

Lite

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

СПЕЦИАЛЬНАЯ ЦЕНА
2,95 $ / мес
(Обычная 9.95 / мес.)

1 Веб-сайт
Безлимитное Веб-пространство
Безлимитное Передача данных
Бесплатно SSL-сертификат
Бесплатно Доменное имя для 1 ^st Год
Бесплатно Ночное резервное копирование
Бесплатно CD Без ограничений 901 CD Без ограничений 901 -mail Аккаунты
WordPress Установщик / Обновления
Безлимитный Базы данных
Стандартный Производительность
LSCache Включен
300% Green Energy Match
30-дневная гарантия возврата денег

Pro РЕКОМЕНДУЕТСЯ

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

СПЕЦИАЛЬНАЯ ЦЕНА
5,95 $ / мес
(Обычная 14,95 $ / мес.)

Безлимитный Веб-сайты
Безлимитный Веб-пространство
Безлимитный Передача данных
Бесплатный SSL-сертификат
Бесплатно Доменное имя для 1 ^st Год
Бесплатно Ночное резервное копирование
Бесплатно EN 902 -mail Аккаунты
WordPress Установщик / Обновления
Без ограничений Базы данных
2x Производительность
LSCache Включено
300% Green Energy Match
30-дневная гарантия возврата денег

Премиум

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

СПЕЦИАЛЬНАЯ ЦЕНА
11,95 $ / мес
(Обычная 24,95 $ / мес.)

Безлимитный Сайты
Безлимитный Веб-пространство
Безлимитный Передача данных
Бесплатно Премиум SSL
Бесплатно Доменное имя для 1 ^st Год
Бесплатно Ночное резервное копирование
Бесплатно EN 902 -mail Аккаунты
WordPress Установщик / Обновления
Неограниченное количество Базы данных
4x Производительность
LSCache Включено
Бесплатно Выделенный IP
300% Green Energy Match
Деньги Гарантия 30 дней

Затем вам нужно будет ввести домен, который вы выбрали, и нажать «Проверить доступность», чтобы дважды проверить, доступен ли он.

Примечание. Если у вас уже есть доменное имя, вы можете ввести его в поле справа

Затем вам просто нужно заполнить данные своей учетной записи, имя, адрес, номер телефона и т. Д.

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

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

Здесь вы также можете выбрать местоположение вашего сервера. Возможные варианты: США, Канада или Европа. Итак, вы хотите выбрать тот, откуда будет приходить большая часть вашего трафика. (чем ближе сервер находится к людям, которые посещают ваш сайт, тем быстрее он их обслуживает).

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

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

Наконец, когда вы выбрали все эти параметры, вам нужно прокрутить вниз и ввести свою платежную информацию. (вы также можете выбрать оплату через PayPal, щелкнув ссылку «Дополнительные способы оплаты».

Когда вы закончите, просто нажмите кнопку внизу с надписью «Создать учетную запись и приступить к работе».

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

Управление учетной записью GreenGeeks

Когда вы присоединитесь к веб-хостингу Green Geeks, вы получите электронное письмо с данными для входа в аккаунт менеджера.

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

Или посетив GreenGeeks.com и щелкнув ссылку «Вход для клиентов» в самом верху сайта.

Или вы можете перейти по ссылке в приветственном письме, которое вы получили по адресу: https://am.greengeeks.com

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

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

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

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

Вход в cPanel вашего веб-сайта

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

?

Оказавшись внутри cPanel, вы увидите что-то вроде этого:

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

Но пока мы сосредоточимся на установке WordPress.

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

Вы можете ввести Softaculous в строку поиска вверху.

Или вы можете прокрутить вниз до раздела Программное обеспечение и щелкнуть Softaculous Apps Installer

Мы хотим установить WordPress, поэтому наведите курсор на значок WordPress и нажмите «Установить

».

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

Итак, все, что вам нужно сделать, это прокрутить вниз раздел учетной записи администратора.

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

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

Обязательно запишите выбранные имя пользователя и пароль и храните их в надежном месте.

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

Затем просто нажмите «Установить».

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

Ваш новый сайт

На этом этапе, если вы посетите свое доменное имя, вы увидите новую (пустую) установку WordPress.

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

Но сначала я просто хочу показать вам, как войти на свой сайт и познакомиться с панелью инструментов WordPress.

WordPress имеет Backend, где вы, как владелец сайта, можете входить в систему и управлять своим сайтом.

Для его получения необходимо зайти в свой домен. Затем добавьте / wp-admin в конец и нажмите Enter.

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

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

Введите свое имя пользователя и пароль (вы ведь записали это в надежном месте, не так ли?)

Теперь вы войдете в свою панель управления WordPress:

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

Но пока что главное — Сообщения, Добавить новое сообщение.

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

Настройки

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

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

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

Вот пара тем, которые вы можете установить всего за несколько кликов.

Чтобы установить тему на свой веб-сайт, просто нажмите вкладку «Внешний вид», затем «Темы», затем нажмите «Добавить».

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

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

Если вы не знаете, что ищете, вы можете просмотреть все более 3000 доступных тем на https://wordpress.org/themes/browse/popular/

После того, как вы нашли понравившуюся тему, просто наведите на нее курсор и нажмите «Установить», а после ее установки вам просто нужно нажать «Активировать», чтобы она появилась на вашем веб-сайте.

Через несколько секунд весь ваш сайт изменит свой внешний вид на выбранную вами тему.

Создание первых страниц

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

Система управления контентом

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

Визуальный редактор WordPress Gutenburg упрощает и упрощает создание новых страниц. Это похоже на использование Microsoft Word в том, что вы можете легко изменять форматирование текста страницы, а также загружать и вставлять изображения несколькими щелчками мыши с помощью редактора WYSIWYG (What You See is What You Get).

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

Маркетинг вашего сайта

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

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

Вы также можете разместить свой сайт в поисковых системах, таких как Google и Bing, с помощью их наборов инструментов для веб-мастеров. Здесь вы можете найти дополнительную информацию об установке поисковой консоли Google и инструментов Bing для веб-мастеров.

Поздравляем, теперь у вас есть настроенный веб-сайт и он доступен

Но с WordPress вы можете сделать гораздо больше.

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

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

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

Создание веб-сайта ASP.NET с помощью Visual Studio

• Продажи: : Найдите местный номер
• Мой аккаунт
• Портал
• войти в систему
• Бесплатный аккаунт
• Обзор
• Решения
• Товары
  • • Рекомендуемые Рекомендуемые Изучите некоторые из самых популярных продуктов Azure
    • AI + машинное обучение AI + машинное обучение Создавайте приложения следующего поколения с использованием возможностей искусственного интеллекта для любого разработчика и любого сценария
    • Аналитика Аналитика Сбор, хранение, обработка, анализ и визуализация данных любого разнообразия, объема и скорости
      • Служба аналитики Azure Synapse Analytics с непревзойденным временем получения аналитических данных (ранее — хранилище данных SQL)
      • Azure DatabricksБыстрая, простая и совместная аналитическая платформа на основе Apache Spark
      • HDInsightProvision облачные кластеры Hadoop, Spark, R Server, HBase и Storm
      • Фабрика данныхПростая гибридная интеграция данных в масштабах предприятия
      • Машинное обучениеСоздание, обучение и развертывание моделей от облака до периферии
      • Azure Stream Analytics Аналитика в реальном времени для быстро движущихся потоков данных из приложений и устройств
      • Хранилище озера данных AzureМассивно масштабируемые и безопасные функции озера данных на основе хранилища BLOB-объектов Azure
      • Службы аналитики AzureДвигатель аналитики корпоративного уровня как услуга
      • Концентраторы событий Получать телеметрию с миллионов устройств
      • Узнать больше
      • Узнать больше
    • Блокчейн Блокчейн Создавайте приложения на основе блокчейнов и управляйте ими с помощью набора интегрированных инструментов
    • Вычислить Вычислить Получите доступ к облачным вычислительным ресурсам и масштабируйтесь по запросу — и платите только за используемые ресурсы.
    • Контейнеры Контейнеры Ускорение разработки и управления контейнерными приложениями с помощью интегрированных инструментов
    • Базы данных Базы данных Поддерживайте быстрый рост и ускоряйте внедрение инноваций с помощью безопасных, полностью управляемых служб баз данных корпоративного уровня
    • DevOps DevOps Ускорение внедрения инноваций с помощью простых и надежных инструментов для непрерывной доставки

Как создать веб-сайт

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

Ник руководит компанией Sgt Nick’s Drums, занимающейся продажей декоративных барабанов ручной работы. Прямо сейчас Ник продает барабаны на Etsy, но я собираюсь показать вам, как я создал новый веб-сайт Ника, который выглядит так:

Меня зовут Стив Бенджаминс. Мои веб-сайты были представлены в Wired, The Next Web и Forbes. В этом руководстве для начинающих я покажу вам, как создать веб-сайт, шаг за шагом.

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

Я раскрою все секреты торговли:

• Где найти бесплатные стоковые фотографии, которые не отстой.
• Как сделать логотипы прозрачными.
• Честная правда о SEO.
• Как поместить это маленькое © в нижний колонтитул
• Настройка электронной почты на собственном доменном имени.
• Почему вашему бизнесу могут не понадобиться социальные сети.
• Что и КАК писать.
• … И многое, многое другое.

Прочтите, чтобы узнать, как создавать отличные веб-сайты, даже не касаясь кода.

Примечание: Моя работа поддерживается партнерскими комиссиями. Подробнее »

Как создать веб-сайт

Полное руководство по созданию веб-сайта, даже не касаясь кода. Пошагово, для новичков. youtube.com

Во что я верю

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

1. Выберите цель

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

2. Будьте человеком

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

3. Меньше значит больше

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

Регистрация и добавление вашего логотипа

Для начала зарегистрируйтесь в Squarespace. Первым шагом будет выбор вашего шаблона Squarespace.

Мы собираемся использовать шаблон Jaunt , который находится в категории Интернет-магазины .

Выбор шаблона — в этом руководстве мы будем использовать Jaunt.

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

После того, как вы выберете шаблон, вы окажетесь внутри. Добро пожаловать в Squarespace.

Добро пожаловать в Squarespace

Добавление логотипа

Первое, что нам нужно сделать, это добавить наш логотип. Итак, на боковой панели щелкните Design , а затем Logo and Title .

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

Добавьте заголовок сайта и загрузите логотип.

Создание прозрачного логотипа

Если у вашего логотипа белый фон, вот как сделать его прозрачным — это проще, чем вы думаете. (Если это неприменимо, перейдите к следующей главе!)

Первое, что нужно знать, это то, что файлы JPG не поддерживают прозрачный фон. Итак, если ваш логотип — .JPG, он должен стать .PNG с прозрачным фоном .

Логотипы на белом фоне исправить легко.

Вы можете создать прозрачный фон с помощью Adobe Photoshop , но есть также бесплатный и простой инструмент под названием Lunapic, если у вас нет Photoshop.

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

Щелкните цвет, который хотите сделать прозрачным.

Затем сохраните прозрачное изображение — в браузере Google Chrome щелкните правой кнопкой мыши и выберите Сохранить изображение как .Не забудьте сохранить изображение как файл .PNG.

Не забудьте сохранить изображение как файл .PNG.

Наконец, загрузите свой логотип в Squarespace, и готово!

Навигация и страницы

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

На главном экране боковой панели щелкните Страницы .

Это главный экран боковой панели.

Чтобы создать новую страницу, нажмите кнопку + рядом с Основная навигация .Затем на следующем экране выберите пустая страница (другие варианты предназначены для готовых шаблонов, о которых мы поговорим позже). Наконец, дайте этой странице имя Home .

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

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

Щелкните этот значок шестеренки.

Прокрутите страницу настроек вниз до пункта «Сделать домашней страницей». Щелкните по нему.

Это сделает нашу новую страницу домашней страницей — что в основном означает, что это страница, которая появляется, когда кто-то набирает sgtnicksdrums.com .

Установка нашей новой страницы в качестве домашней.

Далее мы удалим все демонстрационные страницы Squarespace. Если вы хотите сохранить любую из этих демонстрационных страниц для справки, вы можете просто переместить их (щелкнув и перетащив) в раздел Not Linked .

Примечание: Если вы случайно удалили страницу, вы всегда можете восстановить ее с помощью параметра Удаленные страницы Squarespace, расположенного в нижней части боковой панели:

Удалите демонстрационные страницы Squarespace (слева), чтобы начать с чистого листа (справа).

Далее мы добавим еще 3 пустые страницы — они будут строительными блоками нашего веб-сайта.

Эти четыре страницы будут строительными блоками нашего веб-сайта.

Пользовательский стиль навигации

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

Наш следующий шаг — сделать навигацию и логотип более жирным.

Вернитесь на главную боковую панель и откройте редактор стилей , нажав Дизайн → Стили сайта :

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

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

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

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

Теперь щелкните логотип, чтобы открыть параметры стиля для логотипа, и добавьте увеличение ширины логотипа со 150 пикселей до 180 пикселей.Это будет соответствовать теперь большей навигации:

Увеличьте ширину логотипа до 180 пикселей.

Добавление значков социальных сетей

Ник очень активен в Instagram и Facebook. Из-за этого я хочу добавить значки Instagram и Facebook в навигацию.

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

Вам также не нужны социальные сети, если у вашей компании нет ничего интересного для публикации.Sgt Nick’s Drum’s — это кустарный бизнес, поэтому социальные сети — это возможность познакомить клиентов с Ником, человеком, стоящим за продуктом. Это способ укрепить доверие.

Итак, приступим.

Squarespace требует, чтобы мы подключили наши учетные записи в социальных сетях, чтобы добавить кнопки социальных сетей в нашу навигацию. Мы делаем это, щелкая Настройки → Социальные ссылки на боковой панели «Домой». Затем мы добавляем профили Ника в Instagram и Facebook:

Добавление социальных ссылок для Sgt Nick’s Drums.

Затем откройте редактор стилей и прокрутите вниз до Заголовок: Макет и установите социальную позицию с на Справа вверху :

Установите положение в социальной сети вверх справа.

Затем нажмите Сохранить и перезагрузите страницу.

Наконец, настройте стили значков социальных сетей, чтобы они лучше размещались в навигации. Я изменил стиль на сплошной, а цвет на черный:

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

Советы по эффективной навигации

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

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

Иногда навигация может быть размещена вертикально слева:

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

В вашей навигации есть только несколько ссылок. Не поддавайтесь желанию иметь больше семи — вам не нужна стена ссылок. Вместо этого 4-5 ссылок идеально. Это предложение, а не правило. Одним из распространенных исключений являются веб-сайты электронной коммерции, для которых часто требуется каталог ссылок. Только обязательно разбейте ссылки на группы.

Amazon — исключение из правил — у них много ссылок. Но обратите внимание, как даже в их случае ссылки организованы в более мелкие группы?

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

Страница №1: Моя история

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

Итак, перейдите в «Моя история», наведите указатель мыши на тело и нажмите Изменить :

Нажмите «Изменить», чтобы редактировать «Моя история».

Затем давайте добавим заголовок:

Создайте заголовок, написав текст и затем установив его как «Заголовок 1».

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

Вы можете разбить текст на столбцы, перетаскивая его.

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

Я добавил разделители, чтобы текст не был таким широким.

Как писать для веб-сайтов

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

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

Не те люди.

Хорошее написание веб-сайтов требует разговорной речи. Представьте, что вы пьете кофе с другом, и он просит вас объяснить ваш бизнес.Как бы вы говорили? Какие слова вы бы использовали? Вот как надо писать.

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

Все началось с рождественского подарка. В 2017 году мы с женой подумали, что было бы круто подарить ее отцу сержанта. Декоративный барабан в стиле перца на Рождество. Мы поискали в Интернете и были удивлены, что не смогли найти его — что показалось мне досадным. Поэтому вместо покупки я решил, что сделаю его сам.Я начал с воссоздания…

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

Последний совет: Люди не читают веб-сайты, они сканируют их. Так что не засыпайте их стенами текста. Я попытался изложить историю Ника до самого существенного. Меньше — больше.

Совет: не пишите о себе

Писать о себе — распространенная ошибка. Вместо этого напишите о своей аудитории.Чего хочет ваша аудитория? Что их волнует? Какую проблему вы для них решаете? Вот о чем вам следует написать.

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

Вот пример написания для себя :

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

А вот пример того, как писать для аудитории — это намного лучше :

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

Добавление собственноручной подписи

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

Вот как я добавил подпись под рассказом Ника.

Сначала я попросил Ника написать свою подпись на листе бумаги маркером:

Подпись Ника.

Затем я вырезал подпись из изображения:

Обрезал подпись Ника.

Наконец, я использовал Lunapic, чтобы вырезать фон и создать прозрачный PNG:

Затем я добавил его на веб-сайт Squarespace и поместил несколько распорок с каждой стороны, чтобы центрировать его:

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

Отзывы

Отзывы укрепляют доверие клиентов. Хороший отзыв направлен на устранение страхов и опасений, чтобы укрепить доверие.

К счастью, у Ника есть много отличных отзывов о его истории Etsy. Так что я взял несколько и отредактировал их:

Я взял несколько отзывов со страницы Etsy сержанта Ника.

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

Добавление разделителя и линии.

Далее я добавил небольшой заголовок (Заголовок 2):

Добавление заголовка.

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

В отзывах используется элемент цитата.

Instagram Feed

Последнее, что я хочу добавить на эту страницу, — это канал Instagram.

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

Итак, я добавил еще одну прокладку , строку и небольшой заголовок 2:

Затем я пошел на страницу Ника в Instagram и сохранил двенадцать фотографий, которые мне понравились, с помощью GramSave — бесплатного инструмента для сохранения фотографий Instagram. Затем я добавил их в виде сетчатой ​​фотогалереи с шестью фотографиями в ряду:

Двенадцать моих любимых фотографий из Instagram Ника.

Наконец, я добавил кнопку под фотогалереей, чтобы клиенты могли подписаться на Ника в Instagram:

И на этом мы завершили весь контент для страницы «Моя история»! Далее мы собираемся стилизовать страницу, чтобы она выглядела лучше.

Вот что у нас есть на данный момент:

Стиль веб-сайта

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

Итак, откройте свой Стиль сайта (находится в разделе «Дизайн»).

Начнем с настройки заголовка 1 . Я собираюсь заменить его на шрифт, который мне нравится, под названием Libra Baskerville . Я также собираюсь уменьшить размер шрифта и убрать верхний регистр:

Наш новый стиль заголовка 1

Далее идет основной текст — самый важный элемент дизайна на вашем веб-сайте.

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

Итак, давайте увеличим font-weight (жирность) до 400 и размер шрифта основного текста :

Увеличение веса и размера основного текста.

Затем давайте изменим цвет Body Text на # 333333, который является очень темно-серым, но не совсем черным (чистый черный имеет тенденцию быть слишком интенсивным):

# 333333 — это темный оттенок черного, но не совсем черный.

Теперь давайте зададим стиль нашему заголовку 2 :

Новый стиль для заголовка 2

Затем мы зададим стиль нашему блоку цитат . Мы начнем с шрифта Quote :

Наш стиль шрифта Quote.

Теперь давайте настроим исходный шрифт :

Исходный стиль шрифта.

И, наконец, давайте изменим наш шрифт button на Proxima Nova для сохранения единообразия:

Сделаем кнопку того же стиля, что и остальные.

Теперь «Моя история» выглядит намного аккуратнее!

Как наша страница выглядит после стилизации.

Веб-сайты Squarespace адаптивны — это означает, что они расширяются и сжимаются в зависимости от размера области просмотра. Из-за этого сайт может стать ШИРОКОМ на большом экране. Итак, я собираюсь изменить дизайн на с ограниченной шириной , чтобы он не становился слишком широким:

Установите для дизайна постоянную ширину и ширину 1500 пикселей.

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

Регулировка заполнения верхнего заголовка.

… Затем измените заполнение раздела содержимого с 90 пикселей на 30 пикселей:

Регулировка заполнения раздела содержимого.

Стилизация отдельных элементов

Вы могли заметить, что Squarespace не позволяет вам стилизовать отдельные элементы.

Например, Squarespace не позволяет нам изменять размер шрифта этого конкретного экземпляра основного текста (ниже) :

Здесь нет возможности увеличить размер шрифта — вы должны сделать это на сайте Стили.

Так почему Squarespace это делает?

Что ж, с одной стороны, это помогает поддерживать единообразный внешний вид. Не следует создавать страницы как отдельные объекты — вместо этого веб-сайт должен иметь единообразный внешний вид.

Но есть и более глубокая причина.

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

h3 и P являются примерами тегов HTML.

Теги критически важны для веб-сайтов и SEO. Например, когда Google сканирует Интернет, они не просто видят большой текст и не принимают его за заголовок. Вместо этого Google должен видеть тег заголовка, чтобы знать, что это заголовок. Squarespace не позволяет вам изменять размер шрифта индивидуально, потому что они не хотят, чтобы вы делали заголовки, просто увеличивая размер шрифта — они хотят, чтобы вы делали это правильно.

Выбор цвета

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

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

Я использую цвета из набора инструментов для дизайна материалов для всех своих веб-сайтов.

Не изобретайте колесо заново, если вы не совсем уверены в своих цветовых решениях, просто положитесь на руководство по цвету, такое как Material Design Toolkit. (Еще один отличный ресурс: ColourLovers).

Примечание. При выборе цветов всегда учитывайте контраст.Контраст — основа графического дизайна. Продуманный контраст делает дизайн интересным. Самая основная форма контраста — между светом и темнотой.

Советы по дизайну

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

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

Дизайн отчета Site Builder кардинально изменился с течением времени, но только в результате серьезных итераций.

Вот еще несколько советов:

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

Избегайте украшений. Не добавляйте элементы на веб-сайты только для визуальной привлекательности (подчеркивание заголовка, наложение границ вокруг страниц и т. Д.).За всем должна быть цель.

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

Kinfolk — это пример веб-сайта с красивой типографикой.

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

Абзацы должны иметь двойной интервал . Тексту нужно пространство для дыхания.

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

Абзацы в Википедии могут стать слишком широкими!

Избегайте системных шрифтов . Долгое время веб-сайты могли использовать только системные шрифты (например, Times New Roman, Georgia, Arial и Comic Sans MS). К счастью, те времена прошли, и сегодня вам лучше выбрать веб-шрифт.

Старайтесь не выбирать слишком много веб-шрифтов . Веб-шрифты хороши, но за них приходится платить: старайтесь не использовать больше двух шрифтов. С Squarespace вы можете использовать «Шрифт на сайте», чтобы проверить, где находятся все шрифты, которые вы используете.

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

Фотография

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

По возможности показывайте посетителей, а не рассказывайте им. Помните: посетители не читают веб-сайты, они сканируют веб-сайты .

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

Избегайте хромой стоковой фотографии.

Поскольку Ник продает товары через Интернет, я знал, что фотография будет иметь решающее значение, поэтому я сделал кое-что радикальное. Я купил коробку для фотостудии на Amazon за 100 долларов:

Коробку для фотостудий я купил на Amazon

Это было лучшее решение, которое я принял.

Коробка для фотографий упрощает получение снимков продукции на белом фоне при полном освещении:

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

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

На этой дрянной зернистой фотографии я использую коробку для фотографий.

Я выполнил базовое редактирование фотографий, но если вы не знаете, как редактировать свои фотографии, есть сервисы по запросу, такие как Pixelz, которые редактируют фотографии всего за 1 доллар за изображение.

Где найти бесплатные стоковые фотографии

Если вам нужны стоковые фотографии, вам повезло — в Интернете полно отличных бесплатных стоковых фотографий.Вот три места, которые я ищу:

Страница № 2: Shop Drums

Теперь, когда у нас есть отличные фотографии продуктов, будет очень легко сделать страницу «Shop Drums».

Перейдите в «Магазин барабанов» и добавьте заголовок 1 и заголовок 2 . Если вам интересно, как у меня появилась маленькая стрелка после фразы «Получить цитату», подождите — я скоро к ней вернусь.

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

Будет намного проще создать нашу страницу «Магазин барабанов», поскольку у нас уже есть несколько хороших фотографий продуктов.Нет причин переделывать страницу — если вы можете сделать ее простой, сделайте ее простой!

Итак, я загрузил 2 фотографии продукта, добавил Заголовок 2 и ссылку на Etsy (где клиенты Ника могут выполнить свой заказ):

Затем я скопировал это для еще нескольких продуктов — и у нас есть наша страница!

Наша страница «Магазин барабанов».

Я также добавил ссылку на кнопку на магазин Etsy внизу страницы!

Значки Unicode

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

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

Вы можете перейти на TopTal, чтобы просмотреть сотни значков Unicode.

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

Страница № 3: Домашняя страница

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

Итак, я сделал очень четкий заголовок 1 , чтобы начать страницу. Я предпочитаю ясность уму — я мог бы сделать этот заголовок чем-то вроде «Марш под удар вашего собственного барабана» или что-то в этом роде, но я предпочел бы быть ясным, чем умным.

Внимание! Чтобы текст был во всю ширину, мне нужно было добавить разделители с обеих сторон.Это что-то вроде «взлома»!

Затем я добавил фотографию трех барабанов, расположенных рядом:

Добавление изображения

Затем я привязал две кнопки к столбцам и изменил их выравнивание на левое и правое, чтобы создать эффект центрирования:

Добавление кнопок

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

Будьте человеком

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

Последняя домашняя страница.

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

Страница №4: Контакт

Контактные страницы — это рабочие лошадки — они небольшая, но важная часть лидогенерации.

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

• Часы работы
• Часы работы в праздничные дни
• Маршруты
• Карта
• Адрес
• Номер телефона
• Электронная почта
• Контактная форма

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

Итак, давайте начнем с добавления двух заголовков. Я добавил эмодзи в виде сердца для немного игривости (пользователи Mac всегда могут вызвать клавиатуру эмодзи, нажав CTRL + CMD + SPACE).

Смайлик добавляет немного игривости.

Теперь давайте добавим контактную форму.

Добавление формы.

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

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

Также не повредит отредактировать сообщение после отправки и метку кнопки отправки, чтобы придать более индивидуальный вид:

Это дает более индивидуальный подход.

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

Фотография добавляет еще один человеческий штрих.

И точно так же у нас есть красивая страница «Контакты»:

Полная страница контактов.

Мобильный

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

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

Лучший способ сделать сайт мобильным — это адаптивная тема. Адаптивная тема сжимается или расширяется до размера устройства:

Адаптивные темы — не единственный способ создать удобный для мобильных устройств веб-сайт, но это рекомендуемый способ.

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

Начните с нажатия этой мобильной кнопки, чтобы изменить предварительный просмотр веб-сайта на Squarespace:

Давайте изменим мобильное меню на Правый верхний угол :

Изменение меню на верхний правый угол.

SEO и Favicon

Поисковая оптимизация (или SEO) оптимизирует веб-сайты для ранжирования в поисковых системах, таких как Google, по определенным ключевым словам.

В Squarespace есть несколько оптимизаций, которые мы обязательно учли.

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

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

Итак, в Squarespace перейдите Marketing → SEO , и мы собираемся изменить формат заголовка SEO :

Мы собираемся это изменить.

Если формат заголовка SEO пугает вас, вы можете пропустить этот шаг. Честно говоря, это не изменит вашего SEO, но это хорошо.

В основном есть три типа страниц: Домашняя , Страницы и Элементы . Домашняя страница — это ваша домашняя страница, страницы — это страницы, а товары — для электронной торговли.

Заголовки автоматически генерируются с помощью % s (заголовок вашего веб-сайта Squarespace — установлен в Дизайн → Стили сайта ),% p (заголовок страницы) и% i (заголовок элемента).

Что касается Ника, я действительно хочу написать свои собственные теги заголовков для каждой страницы — поэтому я изменил обе страницы Home и Pages на% p:

Я изменил это и для домашней страницы.

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

Я могу включить важное ключевое слово «декоративные барабаны» и упомянуть компанию Ника.

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

Ярлыки SEO — их нет

Настройка собственного заголовка страницы — это только начало. SEO — это отдельная дисциплина.

Я добился большого успеха с SEO . Например, мой веб-сайт Site Builder Report занимает первое место при поиске в Google лучших разработчиков веб-сайтов , опережая такие компании, как GoDaddy и Wix.

Итак, как я это сделал? Что ж, вот мой лучший совет: избегайте ярлыков. Способ ранжирования в Google прост, но труден .

Я свожу SEO к нескольким ключевым компонентам:

1. Ключевые слова — Ключевые слова — это поисковые запросы, которые ищет ваша целевая аудитория. Мы хотим занять место среди них.
2. Контент, который выделяется — Google хочет вознаграждать лучший контент, так что не торопитесь, создавая выдающийся контент. В этом руководстве, которое вы сейчас читаете, более 6 500 слов.На написание у меня ушло несколько недель, но это также касается высококонкурентного ключевого слова (, как создать собственный веб-сайт, ), поэтому оно должно быть выдающимся.
3. Ссылки — Наличие других веб-сайтов, естественным образом ссылающихся на ваш веб-сайт, имеет решающее значение для SEO. Не пытайтесь этим манипулировать. Google хорошо отсеивает неестественные ссылки.

Обещают ли вам специалисты по телемаркетингу первое место в Google? Они лгут. Они имеют в виду то, что купят Google Рекламу, чтобы продвигать ваш сайт.Никто не может гарантировать вам место №1 в Google. Это чушь.

Я бы порекомендовал эти 4 ресурса, если вы хотите узнать больше о SEO:

Найм консультантов по SEO — Избегайте тех, кто обещает результаты SEO или говорит с авторитетной уверенностью. Два лучших консультанта по поисковой оптимизации, которых я нанял (Evolving SEO и Siege Media), не сильно меня продали. Вместо этого они откровенно и честно говорили об ожиданиях.

Местное SEO

Локальное SEO — это поисковая оптимизация для поисковых запросов с локальным намерением.Вы, вероятно, встречали такие типы поиска в своем собственном поиске в Google:

Локальные 3 пакета — наиболее распространенный локальный результат:

Локальный результат из трех пакетов.

Карты знаний показывают, когда люди ищут конкретные предприятия:

Результат карты знаний.

Карты Google также рассматривается. Местное SEO:

Ранжирование в Картах Google является частью местного SEO.

Итак, как вы можете занять место в этих местных результатах SEO? Вот три передовых метода:

1.Объявление в Google Мой бизнес

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

2. NAP

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

Вам нужно, чтобы ваша NAP была как можно более последовательной — непоследовательная NAP может сбить с толку Google — поэтому убедитесь, что ваша компания правильно указана на основных платформах для отзывов, таких как TripAdvisor, Yelp и Facebook.

3. SEO

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

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

Favicon

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

Эти являются значками веб-сайта.

Чтобы добавить значок в Squarespace, перейдите к Design → Логотип и заголовок и загрузите в значок браузера:

Фавиконы — это идеальный квадрат — к счастью, логотип Ника здесь прекрасно работает!

Автор Стив Бенджаминс

Я занимаюсь созданием веб-сайтов более 20 лет, и веб-сайты были представлены в Wired, The Next Web, Smashing Magazine, The Huffington Post и Forbes.