как грамотно сделать страницу НОВОСТИ

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

Что такое эффективный сайт для «малого или среднего бизнеса»?

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

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

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

Кому необходим новостной блок для сайта?

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

Сделать актуальную страницу новостей на сайте – это явное конкурентное преимущество

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

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

• Регулярность.

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

• Ориентированность.

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

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

• Актуальность.

Инфоповоды обязательно должны быть достойными и актуальными.

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

• Повсеместность.

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

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

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

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

Полезная информация как правильно создать сайт: рекомендации по разным разделам

Вам нужен хороший современный сайт и выбираете исполнителя?

Тогда не теряйте время, напишите нам прямо сейчас!

Оставить заявку

Как писать новости для сайта?

Писать новости для сайта желательно опираясь на следующие принципы:

• Уникальность.
• Иллюстрации. Сопровождайте новости фотографиями или картинками.
• Грамотность. Изложенная в новостях мысль должна быть «стройной» и доходчивой.
• Лаконичность. Желательный объем текста 1000-1500 знаков, тогда у него больше шансов быть прочитанным. В случаи превышения данного объема делайте списки, разбивайте текст на абзацы, выделяйте ключевые слова.
• Истории. Такая форма подачи информации остается наиболее интересной для читателей.

Как сделать интересные новости на сайте: использование инфоповодов

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

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

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

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

28.03.2021

← Поделиться с друзьями !

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

Нюансы создания мультиязычного сайта

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

 

                    Кодировка

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

 

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

 

                    Наличие контента на странице

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

 

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

 

                    Качество перевода

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

 

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

 

                    Локализация материалов

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

 

                    Адаптивность визуальных элементов

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

 

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

 

                    Перевод дополнительного контента

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

 

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

 

                    Вариативность структуры сайта

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

 

                    Переключение на другую версию

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

 

                    Настройка мультиязычности и CMS

Сейчас в Интернете много информации на тему «как сделать мультиязычный сайт» на том или ином движке. Например, при создании языковых версий на WordPress используют режим WordPress Multisite или языковые плагины.

 

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

 

                    Перевод системных сообщений

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

 

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

 

                    Мультиязычность и оптимизация сайта

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

 

При создании новых версий сайта необходимо обозначить их поисковой системе. Чтобы при ранжировании в Google отображался нужный вариант страницы, SEO-оптимизаторы используют атрибут hreflang и файл Sitemap. Для геотаргетинга также меняют тексты ссылок — URL, которые содержат текст на целевом языке и упоминание региона.

 

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

 

Грамотная техническая оптимизация в этом случае подразумевает использование элемента rel=canonical и тегов hreflang с обозначением приоритетной и второстепенной версии страницы на разных языках.

 

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

 

Кому доверить перевод сайта

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

 

                    Штатный переводчик

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

 

                    Фриланс

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

 

                    Переводческая компания

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

 

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

 

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

 

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

Создание эффективного сайта – как это сделать правильно?

март, 2010 / Журнал «Курс дела», № 99

Этот вопрос мы задали Генеральному директору Интернет-агентства DEXTRA Батракову Дмитрию в рамках серии интервью под общим названием «Эксперт Интернета».

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

— По сути, следует разработать бизнес-план. Это можно сделать самим?

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

— Кому доверить разработку сайта?

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

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

То есть самым оптимальным вариантом будет поручение всех работ по сайту профессиональной компании.

— Как выбрать такую компанию из множества?

— Самый простой способ — устроить тендер и комплексно оценить предложения минимум 5 компаний. Следует обратить внимание на:

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

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

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

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

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

Дополнительные услуги – информационная поддержка, продвижение и реклама сайта, аналитические и консалтинговые услуги. Обратите внимание, выполняет ли компания сложные проекты, например такие как, крупные порталы, сайты, объединенные с ERP системами или 1С. Гораздо проще работать с одной компанией оказывающей полный комплекс услуг и гарантирующей качество на каждом из этапов.

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

Интернет-агентство DEXTRA

• Год создания: 2001 год
• Штат: 25 сотрудников
• Статусы: Сертифицированное агентство Яндекс, аккредитованное агентство Begun, официальный партнер компании 1С-Битрикс
• Рейтинг: 1 место в Челябинске, 24 место в ТОП-100 веб-разработчиков России
• Проекты: более 350 выполненных проектов
• Клиенты: более 180 клиентов в обслуживании
• Хостинг: 3 собственных сервера

Как правильно сделать страницу «Сайт на реконструкции»?

В случае если сайт необходимо на некоторые время закрыть для доступа пользователей в связи с проведением каких-либо работ по его изменению, обычно приходится создавать специальную страницу «Сайт на реконструкции», оповещающую посетителей о том, что сайт временно недоступен, и приглашающую зайти на сайт позже. Как правильно сделать такую страницу, чтобы не потерять постоянных посетителей сайта и не спугнуть новых пользователей? Страницу «Сайт на реконструкции» в среде веб-мастеров обычно принято называть заглушкой. Такая заглушка на сайт обязательно нужна в тех случаях, когда изменения, внедряемые на сайте, слишком глубоко затрагивают его структуру или оформление, ведь в такой период сайт просто нельзя показывать пользователям: на страницах может «поехать» верстка, может отсутствовать контент и т. д. Заглушка на сайт нужна не только на время глубокого редизайна существующего сайта, но еще и тогда, когда до публикации сайта в интернете уже было заранее приобретено и припарковано доменное имя для него. Дело в том, что в этом случае интернет-пользователи при попытке войти на сайт будут видеть стандартное сообщение от хостера, гласящее о том, что домен зарегистрирован в интересах определенного лица или компании: такое сообщение никак не подскажет посетителям, о чем будет идти речь на сайте, что на сайте можно будет делать и т. д. Правильно созданная страница «Сайт на реконструкции» поможет удержать постоянных посетителей и не спугнуть новых, а также, что очень важно, поможет сайту правильно индексироваться и ранжироваться поисковыми системами. Например, специалисты поисковой системы Google отмечают, что сайты, имеющие вместо обычных страниц с контентом только страницу «Сайт на реконструкции» со стандартным сообщением от хостера, алгоритмы данной поисковой системы либо вообще не индексируют, либо не ранжируют высоко, поскольку считается, и вполне справедливо, что наличие подобных сайтов на первых позициях поисковой выдачи не будет полезным для пользователей. А вот если на странице «Сайт на реконструкции» будет находиться уникальный тематический текст, содержащий ключевые слова, то в этом случае, как поясняют в Google, поисковая система сможет в нормальном режиме обработать страницу и не удалит сайт из индекса. Поисковые роботы продолжат посещать сайт, и как только он вновь станет работать в полноценном режиме, сразу же начнут его активно индексировать. Да и посетители сайта, увидев на странице-заглушке соответствующий тематический текст, смогут понять, почему сайт на некоторое время недоступен, и смогут узнать, когда сайт вернется к работе. Если с точки зрения поисковых систем важно включить в страницу «Сайт на реконструкции» текст с тематическими ключевыми словами, то с точки зрения обычных пользователей иногда просто текста, поясняющего причины временной неработоспособности сайта, может оказаться недостаточно. Поэтому важно уделить внимание еще и правильному оформлению страницы-заглушки. Например, чтобы дать возможность пользователям узнать о возобновлении работы сайта как можно скорее, можно поместить на страницу «Сайт на реконструкции» форму подписки. На указанный в этой форме e-mail пользователя после возобновления работы сайта сразу же придет соответствующее сообщение. Вместо формы подписки можно разместить на странице-заглушке специальный счетчик: он будет показывать, сколько времени осталось до окончания «ремонтных» работ на сайте. Даже по всем правилам созданная и оформленная страница «Сайт на реконструкции» может оказаться бесполезной, если собственно сама реконструкция сайта слишком уж затянется или окажется неэффективной. А потому любые работы по редизайну сайта, внесению в него новых функций или изменению его структуры лучше сразу же доверять профессионалам — например, специалистам из студии веб-дизайна WebStudio2U: в нашей веб-студии мы предлагаем комплексные услуги по разработке, дизайну, редизайну, раскрутке, поддержке и программированию сайтов самой разной тематики и сложности. Заказать создание сайта «с нуля» или редизайн сайта в Webstudio2U вы можете прямо сейчас! Теги: сайт на реконструкции, заглушка на сайт, создание сайта, редизайн сайта, модернизация сайта

Как правильно сделать редизайн сайта – База знаний Timeweb Community

Вступление

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

1. Анализ существующего сайта

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

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

2. Анализ конкурентов

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

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

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

Обратите внимание не только на общий внешний вид, но и на отдельные элементы — какие фотографии сделали конкуренты для своих сайтов? Выкладывают ли они видео? Если да, то какое, как оно интегрировано в сайт?

Посмотрите расположение элементов и информации — что выносится на первую страницу? Что скрывается в конце страницы? Используются ли всплывающие окна, баннеры? Есть ли ссылки на социальные сети? И если есть, то где?

 

 

3. Мнение пользователей

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

Если у вас интернет-магазин — может, надо добавить новые фильтры или изменить порядок показа товаров?

Если блог — не хватает тегов или отображения количества просмотров у статьи?

Если вы занимаетесь продажей услуг — может, тяжело найти контакты? Или не хватает отзывов клиентов и фотографий с результатами работы?

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

4. Проработка фирменного стиля

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

Фирменный стиль — важная вещь, так как она имеет три основных функции:

• идентифицирующая: элементы фирменного стиля компании (в том числе сочетание цветов) ассоциируются с ней на рынке;
• дифференцирующая: стиль компании выделяет ее на фоне конкурентов;
• имиджевая: фирменный стиль вид компании влияет на ее репутацию.

5. Подготовка контента

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

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

6. Тестирование

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

Если сомневаетесь все ли проверили, сверьтесь с этой статьей «Чек-лист для запуска сайта».

В заключение

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

как все сделать правильно и чем грозит игнорирование нового закона

В октябре 2018 года парламент принял законопроект о государственном украинском языке и его обязательном использовании, в том числе — на сайтах, в приложениях, СМИ и т.п. 25 апреля 2019 года закон приняли. Значит ли это, что все украинские сайты должны переходить на государственный язык? И что будет, если этого не сделать? Давайте разбираться.

Да, использование украинского является обязательным

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

• для интернет-магазинов и других сайтов: официальные интернет-представительства юрлиц и ФЛП, предоставляющие услуги или продающие товары в Украине, должны будут «выполняться на государственном языке». К ним относятся и официальные страницы в соцсетях, рекламные рассылки магазинов, уведомления о покупке и т.п. Другие языковые версии у сайтов могут существовать параллельно, но не быть установленными по умолчанию. В первую очередь, посетитель будет попадать на украинскую версию сайта и, при желании, может перейти на российскую или иную;
• для программ и софта: интерфейс должен быть представлен на государственном и/или одном из официальных языков Евросоюза. Получается, при наличии англоязычного интерфейса, украинская версия не обязательна;
• осуществление услуг и обслуживание клиентов должно осуществляться на украинском языке, если сам потребитель не попросит иного.

Что будет, если отказаться от перевода

Если ваш сайт, СМИ или официальная страница бренда в социальных сетях не выполнит требования закона, его/ее работа может быть приостановлена. Нарушение условий закона влечет за собой штраф в размере 5100-6800 грн (300-400 необлагаемых налогом минимумов).

Переводим сайт на украинский: как все сделать правильно и быстро

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

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

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

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

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

1. Необходимо создать украинскую версию страниц.
2. Url-адреса страниц украинской версии должны формироваться путем добавления фрагмента «ua» либо «uk» после домена.

Пример реализации:

РУС версия — https:/site.ua/
УКР версия — https:/site.ua/ua/

РУС версия — https:/site.ua/category/
УКР версия — https:/site.ua/ua/category/

РУС версия — https:/site.ua/product/
УКР версия — https:/site.ua/ua/product/

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

Пример реализации

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

Пример реализации

Например, на странице https:/site.ua/category/ на переключателе должны быть ссылки:

https:/site.ua/category/
https:/site.ua/ua/category/

5. Ссылки на языковые версии должны быть в исходном коде страницы и доступны для поисковых систем.
6. На всех созданных украинских страницах сайта необходимо прописать переведенные на украинский язык мета теги. Страниц, где на различных языковых версиях дублируются мета теги, быть не должно. Отсутствие дубликатов мета тегов можно проверить при помощи Netpeak Spider либо аудита от SerpStat.
7. Необходимо в часть кода head в теге link добавить атрибут rel=»alternate» с указанием ссылки на альтернативную языковую версию и hreflang, указав язык и для какого региона предназначен данный вариант сайта.

Шаблон:

link rel=»alternate» href=»[URL-адрес]» hreflang=»[a]-[b]» /> где [a] — язык по формату SO 639-1, [b] — регион по стандарту ISO 3166-1 Alpha 2, URL-адрес — альтернативный абсолютный URL-адрес языковой версии страницы.   link rel=»alternate» href=»https://site.com/» hreflang=»ru-UA»> !—версия сайта на русском языке для жителей Украины —> link rel=»alternate» href=»https://site.com/uk/» hreflang=»uk-UA»> !—версия сайта на украинском языке для жителей Украины —>

Пример реализации

На странице https:/site.ua/category/ внедрить в раздел кода head:

link rel=»alternate» href=»https:/site.ua/category/» hreflang=»ru-UA»> link rel=»alternate» href=»https:/site.ua/ua/category/» hreflang=»uk-UA»>

На странице https:/site.ua/product/ внедрить в раздел кода head:

link rel=»alternate» href=»https:/site. ua/product/» hreflang=»ru-UA»> link rel=»alternate» href=»https:/site.ua/ua/product/» hreflang=»uk-UA»>

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

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

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

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

Закон приняли, что делать?

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

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

Как быть с соцсетями

Что касается социальных сетей, им в тексте законопроекта уделяется совсем мало внимания. Говорится лишь о том, что официальные представительства компаний в соцсетях, наряду с сайтами, должны вестись на государственном языке. И если в случае с софтом и программами есть “скидка” на языки Европейского союза, то с соцсетями и сайтами все строго: приоритет только у государственного языка. Версии на других языках также могут существовать, но не в большем объеме, чем украинская.

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

Юля Залиховская

Руководитель отдела продаж

Узнайте о рекламе для вашего бизнеса!

Задайте Юле вопросы о продвижении сайта в интернете.

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

Так ли страшен волк

Настолько ли ужасен переход на другую языковую версию, как его рисуют? С тех пор как был принят еще только законопроект, некоторые крупные и мелкие украинские компании уже перешли на государственные языковые версии. По их словам, переход не привел к таким трагическим потерям в трафике, как ожидалось. Так, к примеру, позитивно настроен основатель проекта Work.ua Артур Михно:

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

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

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

Услугу перевода сайта на украинский язык теперь можно заказать и в Inweb.

Над материалом работали: Head of SEO Inweb Владислав Наумов, Senior Marketer Алина Глазырина, Blog Editor Таня Бондарь.

Как сделать сайт на нескольких языках? Многоязычность сайта. 16 проблем и 5 способов решения — CMS Magazine

— Sprechen Sie Deutsch?
— Я? … Ja! Ja!

Владимир Войнович
Приключения солдата Ивана Чонкина
http://www.youtube.com/watch?v=tZF5i103IiI, 1:40

Вам приходилось видеть сайты на нескольких языках? Уверен, да.

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

Сегодняшняя статья — про многоязычные сайты.

Буду говорить о сайтостроении вообще, но конкретные вопросы реализации опишу на примере системы 1С-Битрикс. Причины две:

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

Больше не нужно искать и обзванивать каждое диджитал-агентство
Создайте конкурс на workspace.ru – получите предложения от участников CMS Magazine по цене и срокам. Это бесплатно и займет 5 минут. В каталоге 15 617 диджитал-агентств, готовых вам помочь – выберите и сэкономьте до 30%.
Создать конкурс →

Что тут вообще обсуждать? Это же просто?

Зачем нужен сайт на нескольких языках?

Чаще всего делают корпоративный сайт для разных стран. Это самый простой случай. Значительно реже создаются мультиязычные СМИ, интернет­магазины и интранет­порталы.

И правда, ничего сложного

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

1. microsoft.com — софтверная компания мирового масштаба;
2. rusal.ru — крупная транснациональная коммерческая компания;
3. rt.com — Russia Today, СМИ на 4 языках, представляющее Россию в мире;
4. government.ru — правительство Российской Федерации;
5. salesforce.com и bitrix24 — многоязычные saas-сервисы.

По ходу статьи мы порадуемся тому, что встречается на этих сайтах.

Кодировка

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

Кодировок великое множество, и нужно знать какую когда выбирать.

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

Вавилонское смешение кодировок в работающем проекте

Может так случиться, что html сайта будет в utf-16, база в utf-8, код в национальной кодировке типа cp1251, а КЛАДР в cp866. Такой салат сайт может работать, но придется сделать преобразования и помнить где какая кодировка.

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

Конвертация проекта целиком

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

В частности, в системе 1С-Битрикс нет штатного механизма для этого. Есть скрипт миграции, написанный поддержкой для себя и официально не выдаваемый разработчикам, клиентам и партнерам. Наша практика показала, что если возникла необходимость преобразовать сайт с cp1251 на utf-8, например, то гарантированный способ — поставить свежий Битрикс в нужной кодировке и все аккуратно перенести, преобразовав код и статику, где нужно, средствами IDE и текстовых редакторов. Одного рабочего дня хватит для большинства проектов. Не быстро, но гарантированно.

Если же возомнить себя Богом-Творцом и пойти по пути последовательных преобразований, можно легко получить куски текста из базы в cp1251, прочитанную кодом, как будто это utf­16 и записанную в xml в какой­то третьей кодировке. Обратный разбор таких цепочек конвертации займет все свободное и несвободное время.

Если сразу делать все аккуратно, в одной универсальной кодировке, то проблем не будет.

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

— Зачем ты это сделал?
— Хотел ощутить биение жизни, — сказал Татарский и всхлипнул.
— Биение жизни? Ну ощути, — сказал сирруф.

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

Виктор Пелевин. Generation П

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

Итак, вы решились на полноценный перевод сайта. Что вас ждет?

Нет контента

Контент — король. Все для него, ничего без.

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

В крайнем случае — делайте так, чтобы отсутствие перевода конкретного элемента не мешало работе. Хороший компромисс — перевести 2-3 самые важные страницы.

Разные товары, новости, акции, баннеры

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

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

Контент не будет совпадать на 100%. Сайт должен позволять:

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

Разная структура

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

Работа переключателя между языковыми версиями

Обычно между языковыми версиями переключаются с помощью переключателя RU / EN / DE / UA или флажков.

Нажатие такого переключателя на любой странице должно приводить к открытию переведенной версии ТОЙ ЖЕ СТРАНИЦЫ.

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

Перевод системных сообщений CMS

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

Перевод сообщений и файлов внешних модулей

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

Перевод пользовательского контента

Современные сайты часто включают не только информацию от администрации, но и user generated контент. Такую информацию перевести невозможно, и вы обречены иметь кашу из языков. Ярким примером такой каши является страница победителя Евровидения 2014 на Youtube — ругательства на русском, греческом, немецком и английском. Досмотрит и дочитает только исключительно толерантный полиглот.

Перевод юридически значимых текстов

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

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

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

Так, например, выглядит страница с правилами использования сервиса Instagram. Все по-русски (даже ЧаВо), кроме самого главного.

В системе Битрикс24 печатные формы счетов на немецкий переведены, а правила использования —
оставлены на английском.

Разная длина текстов на разных языках.

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

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

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

Языки с другим направлением текста. LTR и RTL.

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

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

Оффтоп: пока я писал эту статью, Adwords запутался в моих языковых пристрастиях и стал показывать мне рекламу Битрикс24 на немецком. QSoft по-прежнему предлагает себя по-русски.

Надписи на картинках

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

Почтовые уведомления

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

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

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

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

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

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

Перевод личного кабинета клиента

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

А вот личный кабинет покупателя интернет-магазина — придется. Для SAAS-проектов нужна полная локализация.

Это крайне трудоемкая задача.

Например, великий salesforce.com сразу после регистрации на русском показывает вот что:

Неясно что от меня хотят, а тут еще и смесь языков. Обратите внимание на косноязычное «7ч. просрочено». Это явная калька с английского.

Интерфейс системы переведен «почти» весь.

У Ebay тоже не все гладко с русским интерфейсом.

Salesforce не смог. Ebay не смог. А вы все еще думаете что это просто?

Ссылки на мобильные приложения

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

Например, на arabic.rt.com ссылки ведут на русскую версию приложения для Windows Phone. И не работают.

Добавление еще одного языка

Когда вы решите предыдущие 15 вопросов для своего проекта, кто­то главный может сказать: «Отлично! Теперь мы легко добавим японскую и португальскую версии? Все же готово?».
Есть несколько способов добавления новых и новых языков, однако вариант, который снится некоторым руководителям — кнопка «Добавить язык» — мне видеть не приходилось. Вернее, кнопка была, но не работала.

Техника. Как же сделать сайт на нескольких языках?

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

«Идите лесом, я на тракторе». Автоматический перевод

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

Формально все хорошо.

Так, например, решает этот вопрос правительство Волгоградской области.

Качество среднее, трудоемкость крайне низкая, новые языки добавлять не надо — Google знает все.

«Наивный программист». Поля и папки.

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

Поэтому в базе данных появляются поля для текстов на других языках. В программном коде появляется настройка $lang, которая для английского языка $lang = «_en»

Чтобы хранить картинки на других языках, в папке сайта появится что-то вроде:

Теоретически все нормально. На практике:

1. Если английского контента нет, придется показывать русский. Для этого проверять существование файлов и так далее. Нужно редактировать код.
2. Нужно будет сделать пакет флагов видимости новости в каждой языковой версии. И написать код для проверки. Везде.
3. «Хлебные крошки» часто берутся из свойств разделов, таблиц, каталогов и сами не заработают. Писать код.
4. Добавление французской версии требует повторения всей процедуры и еще одного усложнения кода.

Судя по всему, на этой схеме основана работа сайтов РУСАЛа и Правительства РФ.

«Вы сами напросились». Язык как настройка

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

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

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

На примере новостей это выглядело так (таблицы const и lang вспомогательные, для удобства администрирования):

Теперь, чтобы вывести заголовок и краткий текст новости с id=3, вместо

select title, shorttext from news where id=3

для языка с номером 2 приходилось писать

select lv1.value as title, lv2. value as shorttext from news 
inner join lang_value as lv1 on lv1.id_const=news.title
inner join lang_value as lv2 on lv2.id_const=news.shorttext 
where news.id=3 and lv1.id_lang=2 and lv2.id_lang=2

Красиво, пока не начинаешь этим пользоваться. Проблемы:

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

Эта и подобные архитектуры имеют право на существование (почти так в Битриксе работают инфоблоки), но:

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

Я не видел качественных реализаций такой схемы управления языками.

«Я в отчаянии». Почти полное дублирование

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

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

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

Тем не менее этот вариант де­факто принят очень многими компаниями. Например 4 версии сайта Russia

Today имеют разный контент, дизайн и структуру, хотя выросли из одного корневого сайта.

«Хитрый»

Непрозрачным хитрым способом реализована многоязычность в облачных сервисах SalesForce и Битрикс24, а также на сайте microsoft.com.

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

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

Работа титаническая, и сделана она прекрасно.

Microsoft.com — эталон, по крайней мере в вопросе языковых версий.

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

1. Классический gettext (многие более поздние реализации используют эту технологию)
2. Ресурсы и технология MUI Microsoft
3. Специализированный фреймворк интернационализации для Ruby on Rails (аналогичные разработки есть для многих языков)

Что для многоязычности есть в Битриксе?

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

Многосайтовость

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

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

Языковые сообщения и модуль «Перевод»

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

Я считаю использованную Битриксом схему оптимальной:

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

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

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

Перевод административного интерфейса CMS 1С-Битрикс

Битрикс работает в нескольких странах с другими языками, в частности это Украина и Казахстан, где есть полноценные представительства. За пределами СНГ работа тоже ведется, оставим ее за скобками.

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

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

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

Однако в реальности все оказалось лучше. Я позволю себе процитировать почти без изменений рассказ Дмитрия Суслова, директора Украинского и Белорусского офисов.

Дмитрий Суслов:

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

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

Мы выработали подходящую схему работы с переводами. Сам процесс передачи и отслеживания теперь прост и понятен. Иногда бывает сложно взять и перевести, ибо в одних случаях это 100 фраз, а в других ­ 10 000. Вот эта часть является самой трудоёмкой. Потому что важно не просто перевести, а именно локализовать.

Дмитрий Суслов: например, в русском варианте есть фраза «Кажется, что­то пошло не так…», если перевести её просто на украинский, то она не передаст эмоциональности этого выражения. Но в украинском языке есть поговорка «Не так сталося, як гадалося» и она чудесно передаёт смысл исходной фразы, хотя при дословном переводе довольно далека от неё

Казахской версии админки Битрикса пока нет. Процитирую директора «1С­Битрикс Казахстан» Сармантая Касенова:

Потребность в админке огромная только теоретически. Я опрашивал партнеров ­ они
1. проявили небольшой интерес к проблеме
2. мнения, что именно локализовать (БУС или КП) ­ разделились. На продажах отсутствие локализации не особо сказывается.

Технически, как показывает опыт украинской версии, перевод возможен.

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

Возрастает кратно. И для технологов, и для менеджеров. Очень сложно сделать все хорошо, а ошибки видны всем.

Чеклист работ над многоязычностью

1. Обсужден и выбран способ реализации многоязычности

2. Кодировка всех частей проекта едина и универсальна

2.1. Статика
2.2. сторонние модули
2.3. код
2.4. верстка
2.5. база данных

3. Кто и когда готовит контент?

3.1. Вопрос задан
3.2. Ответственный найден
3.3. Получена первая часть контента
3.4. Система отлажена

4. Что может различаться в контенте между языками?

4.1. товары
4.2. новости
4.3. акции
4.4. баннеры
4.5. цены
4.6. валюты
4.7. способы доставки
4.8. ….

5. Есть разделы, созданные только для некоторых версий?

5.1. Скрывать в языке ___________ раздел ___________
5.2. Скрывать в языке ___________ раздел ___________
5.3. Скрывать в языке ___________ раздел ___________
5.4. Показывать только в языке ___________ раздел ___________
5.5. Показывать только в языке ___________ раздел ___________
5.6. Показывать только в языке ___________ раздел ___________

6. Обсудили как должен работать переключатель?

7. Перевод системных сообщений CMS возможен? Кто его делает?

7.1. Составили список того, что надо перевести
7.2. Назначен ответственный за перевод
7.3. Назначен ответственный за проверку самописных модулей
7.4. Назначен ответственный за операторскую работу по вводу

8. Перевод пользовательского контента ­ все предупреждены что этого не будет?

8.1. Задать вопрос
8.2. Получить согласие что user generated content останется на языках оригинала

9. Перевод юридически значимых текстов.

9.1. Оставляем как есть. Все предупреждены
9.2. Ищем юриста. Есть ответственный

10. Разная длина текстов на разных языках.

10.1. Сделали тестовую страницу и проверили ее работу в верстке

11. Продумали изменение дизайна для языка с другим направлением текста. LTR и RTL.

12. Изображения в дизайне и контенте

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

13. Почтовые уведомления

13.1. Составили полный список.
13.2. Назначили ответственного за тексты
13.3. Назначили ответственного за программирование

14. Национальные стандарты для валют, календаря, оформления писем.

14.1. Обсудили вопрос
14.2. Составили белый список: что будет сделано.
14.3. Предупредили всех что придираться к тому чего нет в списке не нужно

15. Перевод личного кабинета клиента

15.1. Обсудили
15.2. Написали требования
15.3. Составили белый список: что будет сделано.
15.4. Предупредили всех что придираться к тому чего нет в списке не нужно

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

17. Добавление других языков

17.1. Когда, какие и сколько?
17.2. Вы правда этого хотите?
17.3. Сформирована и сообщена трудоемкость добавления еще одного языка

Выводы

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

Работа менеджера проекта растет на 20% с каждым новым языком, Технологов на 30-40%, контент-редакторов и маркетологов на 100%.

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

ИНТЕРВОЛГА сделала около 30 сайтов с многоязычностью. Мы пользовались разными методами и приобрели опыт, которым теперь пользуемся и которым делимся.

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

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

Для того, чтобы построить данный рейтинг, мы изучили 94 372 сайта, входящие в портфолио 4 882 студий.

Оригинал: http://www.intervolga.ru/blog/bitrix/bitrix-multylanguage-site/

Как создать правильный веб-сайт за 7 шагов

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

Шаг 1. Хостинг

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

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

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

Шаг 2: Доменное имя

Доменное имя — это URL-адрес, введенный в браузер, который открывает ваш веб-сайт, например Apple.com или Amazon.com. Но доменные имена — это гораздо больше, чем просто технический ярлык. Короткое запоминающееся доменное имя может иметь большое значение между созданием успешного присутствия в сети и затерянностью в киберпространстве. Типичная стоимость доменного имени составляет 8 и 35 долларов в год.

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

Если вам нужны рекомендации о том, как получить и поддерживать доменное имя, свяжитесь с Digital Trike, и мы поможем вам начать работу.

Шаг 3. Спланируйте свой веб-сайт с целью

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

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

Шаг 4. Создайте страницу своего веб-сайта по странице

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

• Дизайн — Элементы хорошего дизайна и способы их реализации на сайте.
• HTML — язык разметки гипертекста или HTML — это строительный блок веб-страницы. Знание HTML поможет вам понять код, в котором создаются веб-сайты.
• CSS — Каскадные таблицы стилей или CSS — это строительный блок, определяющий внешний вид страниц. Изучение CSS поможет при необходимости изменить внешний вид вашего сайта.
• Редакторы веб-страниц — Поиск идеального редактора поможет вам узнать о дизайне, HTML и CSS.

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

Шаг 5. Опубликуйте свой веб-сайт

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

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

Шаг 6. Продвигайте свой веб-сайт

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

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

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

Шаг 7. Поддерживайте свой веб-сайт

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

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

Десять главных правил веб-дизайна

1. Будьте проще. Слишком большое количество страниц на каждой странице создает путаницу. Посетители разочаровываются, когда им приходится пролистывать загроможденный интерфейс, чтобы найти то, что им нужно.Сделайте свои страницы простыми, и ваш сайт станет проще в использовании.
2. Произвести хорошее впечатление. Когда вы впервые встречаетесь с кем-то, вы хотите произвести хорошее первое впечатление. То же самое должно быть верно и для вашего веб-сайта. Внешний вид вашего сайта — это первое, что заметят ваши посетители.
3. Обеспечивают интуитивно понятную навигацию. Есть несколько вещей, которые расстраивают больше, чем отсутствие навигации по веб-сайту. Разделы и страницы должны быть хорошо организованы с нисходящим дизайном, чтобы посетители могли легко просматривать различные области вашего сайта.
4. Будьте последовательны. Пользователи не должны чувствовать, будто они посещают новый веб-сайт, каждый раз, когда они открывают новую страницу на вашем сайте. Единый макет и дизайн страниц вашего сайта обеспечивают более естественный вид.
5. Тщательно выбирайте цвета. Выбор цвета может сделать или разрушить веб-сайт. Выбирая цвета, используйте ограниченную палитру из четырех или пяти цветов, которые не конфликтуют друг с другом. Убедитесь, что текст на фоне легко читается, хотя вы можете смягчить контраст другими цветами, кроме черного и белого.
6. Сделайте свой сайт адаптивным. Люди заходят на веб-сайты с различных устройств, включая смартфоны, планшеты, ноутбуки и настольные компьютеры. Ваш веб-сайт должен правильно отображаться на экранах разных размеров. Медиа-запросы CSS — отличный способ реализовать адаптивный веб-дизайн.
7. Разработка для нескольких браузеров. Браузеры должны отображать веб-страницы таким же образом, но это не так. Протестируйте свой сайт в нескольких браузерах, чтобы убедиться, что все отображается правильно.Лучше обнаруживать проблемы заранее, чем полагаться на жалобы посетителей.
8. Проверьте свой сайт на наличие ошибок. Маленькая ошибка может запятнать большую работу. Если вы веб-мастер, регулярно проверяйте свои веб-сайты на предмет опечаток, битых ссылок и изображений, которые загружаются неправильно. Проверьте свой HTML и CSS, чтобы убедиться в отсутствии синтаксических ошибок.
9. Напишите свой собственный код. Будь то HTML или PHP, ничто не сравнится с написанием кода с нуля.Если вы создаете свой сайт из шаблонов и заранее написанных сценариев, ваша свобода дизайна будет ограничена. Когда вы кодируете свои собственные страницы, вы полностью контролируете их внешний вид и действия.
10. Не забывайте о содержании. Красивый сайт — это пустая оболочка без содержания. Отличный веб-сайт имеет отличный дизайн и отличный контент. Убедитесь, что на ваших страницах есть уникальный, оригинальный контент, который стоит посетить.

Обновлено 12 декабря 2019 г.

19 шагов к правильному поиску нового веб-сайта

Ваше 19-шаговое руководство по поисковой оптимизации для новых веб-сайтов

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

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

1. Тщательно выбирайте свое доменное имя.

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

Это не то, к чему вы должны принуждать. Например, если ваша компания называется Howard’s Deli и доступен домен www.howards-deli.com , это, вероятно, лучший выбор, чем www.egg-salad-sandwiches.com . Это может вызвать путаницу, когда клиенты, которые уже знают вас, попытаются найти сайт.

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

2. Выберите авторитетного провайдера веб-хостинга.

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

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

3. Выполните исследование ключевых слов.

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

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

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

4. Спланируйте архитектуру вашего сайта.

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

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

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

5. Сделайте интуитивную навигацию приоритетной в своем дизайне.

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

Это означает:

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

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

6. Определите стандартную, оптимизированную для SEO структуру URL.

Когда алгоритм поисковой машины пытается определить, о чем веб-страница, одним из основных мест, куда он смотрит, является URL. URL-адрес — это основной адрес каждой страницы вашего сайта в Интернете. Каждый URL-адрес на вашем сайте начинается с вашего основного доменного имени (например, www.yourname.com ). Для каждой страницы (кроме вашей домашней) за ней будут следовать дополнительные символы, уникальные для данной страницы.

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

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

Например, если одной из ваших основных категорий были домашние животные с подкатегорией «Собаки», ваша структура URL-адресов для каждой страницы, включенной в этот раздел веб-сайта, будет начинаться с www.yourwebsite.com/pets/dogs . Затем вы должны ввести основное ключевое слово для конкретной страницы, например www.yourwebsite.com/pets/dogs/dog-food .

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

7. Дизайн для скорости загрузки сайта.

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

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

• Минимизация функций, замедляющих время загрузки, таких как анимация или большие изображения с высоким разрешением
• Сокращение любых используемых вами элементов JavaScript и CSS
• Уменьшение количества HTTP-запросов на каждой странице
• Использование только необходимых виджетов, чтобы минимизировать количество внешних скриптов.

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

8. Используйте адаптивный и удобный для мобильных устройств дизайн.

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

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

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

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

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

10. Сосредоточьтесь на индексируемом содержании.

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

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

• Вам следует полностью отказаться от использования флеш-анимации, поскольку она не индексируется и поддерживается не на всех устройствах.
• Если вы используете Javascript, вы должны использовать рекомендуемый фреймворк, например Brombone или Prerender, чтобы оптимизировать его для SEO.
• Если вы включаете видео на свой веб-сайт, заполните все доступные метаданные целевым ключевым словом, включая заголовок и описание.И включите расшифровку стенограммы на сайте.
• Для всех изображений на вашем веб-сайте заполните метаданные своим ключевым словом (подробнее об этом на следующем шаге).

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

11. Целевые основные ключевые слова для каждой страницы.

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

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

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

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

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

13. Оптимизация изображений.

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

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

Если нет, вы можете обновить замещающий текст в html странице. HTML должен выглядеть примерно так:

14. Оптимизируйте заголовки.

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

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

15. Оптимизируйте текст на странице.

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

В большинстве случаев, если вы выбрали целевые ключевые слова, релевантные содержанию страницы (что важно!), Эта часть должна быть естественной.

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

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

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

17.

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

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

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

18. Отправьте Ваш Sitemap в Google.

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

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

19. Создайте план SEO на будущее.

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

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

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

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

[adrotate group = ”4 ″]

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

Связанные

6 эффективных советов о том, как сделать веб-сайт адаптивным

Как будто машина предвосхищает то, что вам нужно. То же самое можно сказать и об адаптивном веб-дизайне.

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

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

Если вы хотите поговорить со специалистом, вы можете связаться с нами по телефону 888-601-5359.

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

МЫ ХОЧЕМ ВАМ ПОКАЗАТЬ

Мы построили более

1000

Веб-сайты в таких отраслях, как ваша

Что такое адаптивный дизайн?

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

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

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

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

Зачем нужен адаптивный дизайн?

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

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

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

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

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

Как реализовать адаптивный дизайн

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

1. Принять жидкую сетку

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

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

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

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

2. Разрешить сенсорные экраны

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

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

3. Решите, какие элементы включать на маленькие экраны

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

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

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

4. Подумайте об изображениях

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

5. Попробуйте заранее разработанную тему или макет

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

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

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

6. Передайте свой проект на аутсорсинг

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

Компания веб-дизайна, такая как WebFX, имеет опыт разработки адаптивных сайтов.Фактически, все веб-сайты, которые мы создаем, быстро реагируют на запросы! Это означает, что вам никогда не придется беспокоиться о том, чтобы изменить дизайн своего сайта для удобства работы с мобильными устройствами (если, конечно, вы не хотите чего-то еще).

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

93% клиентов очень довольны нашими результатами.

WebFX ежегодно привлекает все больше клиентов в мой бизнес. Он продолжает подниматься. Я очень счастлив!

Ознакомьтесь с другими отзывами

Адаптивный дизайн имеет решающее значение для дальних перевозок

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

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

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

WebFX — это агентство интернет-маркетинга с полным спектром услуг, расположенное в Гаррисберге, штат Пенсильвания. Мы делаем гораздо больше, чем просто адаптивный веб-дизайн, и можем предоставить вам все, от SEO до электронного маркетинга. Нам не терпится услышать от вас!

Как создать SEO-дружественный веб-сайт, который хорошо зарекомендовал себя в Google

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

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

В сообществе Google SEO ходят шутки: «Где лучше всего спрятать труп? На второй странице результатов поиска ».

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

SEO веб-дизайн, часть 1: SEO-оптимизация страницы

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

Стратегии оптимизации на странице:

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

SEO веб-дизайн, часть 2: SEO-оптимизация вне страницы

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

Техники вне страницы включают:

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

Белая шляпа и черная шляпа Web SEO

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

Техника белой шляпы

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

Техника черной шляпы

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

• Ссылка сельское хозяйство
• Покупка ссылок
• Продам ссылки
• Скрытый контент и ссылки
• Спам по ключевым словам
• Начинка ключевого слова
• Изделие прядильное
• Маскировка
• Использование шлюза и зеркальных страниц
• Скрытие ссылок на вашем сайте

Правильно выполненные SEO услуги веб-дизайна

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

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

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

Как создать веб-сайт, если у вас нет навыков веб-дизайна?

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

Вот несколько вариантов:

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

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

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

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

Этот метод включает:

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

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

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

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

Вот основные этапы этого процесса:

• Определите основы вашего веб-сайта
• Спланируйте макет вашего сайта
• Объедините дизайн
• Создание конечного продукта

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

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

1. Определите основы своего веб-сайта

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

1. Какой бизнес будет продвигать сайт?

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

Для наших целей мы выберем вымышленную кофейню под названием Central Coffee. Потому что все любят кофе, правда?

2. Какие страницы будут на сайте?

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

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

2. Изучите существующие веб-сайты

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

Постарайтесь обратить внимание на дизайн веб-сайта и отметьте:

• Какие страницы у сайта,
• Общий стиль,
• Как легко ориентироваться и находить вещи,
• И все, что вас интересует.

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

Вот пример кофейни из найденной мной темы.

The7

Страниц:
Одностраничный веб-сайт с разделами: Главная, О нас, Местоположение, Предложения, Меню, Новости, Пресса, Сообщения в блогах

Стиль:
Современный и чистый, с хорошими фото

Навигация:
Простая навигация

А вот несколько веб-сайтов, которые я нашел в поиске «кафе в Чикаго»:

Кофе-червоточина

Страницы:
Домашняя страница, Блог, Расположение / Контакт, Возможности работы

Стиль:
Модерн; фото магазина более ностальгические

Навигация:
Не сразу видно, что это кофейня.Навигация по сайту немного затруднена.

Caffe Streets

Страницы:
Одностраничный веб-сайт, разделы: Главная, Кафе (О компании), Меню, Обжарка, Машина времени (соки), Контактная форма

Стиль:
Простой и современный (Squarespace)

Навигация:
Довольно легко ориентироваться; Мне нравится липкая строка меню вверху, которая прокручивает вас вниз к каждому разделу.

Построй кофе

Страницы:
Одностраничный веб-сайт, разделы: Домашняя страница, О компании, Часы работы, Местоположение, Магазин, Кейтеринг, События, Контакты

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

Навигация:
Довольно легко ориентироваться

Кофе Савада

Страницы:
Домашняя страница, О компании, Еда и напитки, Пресса, Контакты и часы работы, Наши рестораны, Работа

Style:
Дизайн в основном связан с фотографией, а текст кажется почти второстепенным

Навигация:
Немного сложно ориентироваться — почти не видел гамбургер-меню в правом углу.

3.Записывайте заметки для своего сайта

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

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

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

• Заголовок
• Дом
• Около
• Меню
• Расположение / Контакт
• Нижний колонтитул

4.Спланируйте верстку вашего сайта

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

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

Заголовок

Мне нравится верхняя панель навигации на демонстрационной странице Seven Coffee и на веб-сайте Caffe Streets.

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

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

При нажатии на гамбургер откроется меню вне холста, которое сдвинется вправо для отображения навигации по разделам.

Дом

Поскольку это одностраничный сайт, «домашней» будет то, что вы изначально видите на экране при загрузке веб-сайта. И мне нравится, что у Seven Coffee есть небольшой слоган под названием.

Думаю, здесь у меня будет изображение на заднем плане (например, Build Coffee) с текстом поверх него. Это будет одинаково как на настольных компьютерах, так и на мобильных устройствах.

Около

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

Меню

Каждый из веб-сайтов обрабатывает меню по-разному:

• Seven Coffee имеет сетку пунктов меню с ценами,
• Caffe Streets только что содержит список предметов,
• и Build и Sawada ссылаются на PDF-файлы меню.

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

Расположение / Контакт

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

Призыв к действию внизу ответит на вопрос: «Что теперь?» Это поможет посетителям принять меры, в частности, проложив маршрут к кафе и, надеюсь, посетив его!

Нижний колонтитул

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

5. Создайте свой полный каркас

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

Довольно прост в использовании, и мне нравится вариант отрывочного стиля, потому что он забавный 🙂

(Щелкните эскизы, чтобы просмотреть полные изображения в новой вкладке)

6. Определите основные проектные характеристики

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

Цветовая схема

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

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

Для веб-сайта Central Coffee я собираюсь использовать осеннюю коллекцию по этой ссылке Canva — это теплая цветовая палитра, основанная на коричневых тонах.

Я пытаюсь вызвать то ностальгическое ощущение уюта, которое ассоциируется с кафе.

Шрифты

Возвращаясь к веб-сайтам, можно сказать, что почти все они используют шрифт без засечек (т. Е. Буквы, у которых нет «засечек» или конечных полос на тексте на пишущей машинке). Я бы выбрал простой шрифт для большей части вашего текста, а затем вы можете пойти немного более изысканно, используя более толстый шрифт для заголовков и заголовков.

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

Изображения / Фотография

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

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

7. Создайте сайт!

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

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

Вот как я обычно подхожу к созданию внешнего интерфейса веб-сайта:

1. Настроить файлы сайта
2. Создайте и структурируйте папки и файлы.
3. Установите и запустите средство запуска задач. (Я использую Gulp для этого проекта.)
4. Создайте отдельный файл HTML для каждого шаблона.

Затем выполните следующие действия для каждого шаблона HTML:

1. Создайте каркасную структуру с основными элементами HTML.
2. Постройте элементы страницы один за другим.
3. Для каждого элемента добавьте стили CSS, сначала убедившись, что каждый раздел размещен правильно.
4. Проверяйте, как страница выглядит в браузере во время работы, продолжая вносить исправления.

Убедитесь, что ваш веб-сайт адаптируется

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

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

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

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

Готовый продукт!

Вот скриншот готового веб-сайта Central Coffee:

Вы можете проверить настоящий сайт на моем Github.io-страница.

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

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

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

Как опубликовать НОВЫЙ сайт Google? | Настройки публикации | (2019)

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

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

Что такое сайты Google?

Google Sites — это бесплатный конструктор веб-сайтов в GSuite. Он был обновлен и воссоздан летом 2015 года и с тех пор претерпел ряд фантастических обновлений, чтобы предоставить пользователям дополнительные функции.

Сайтов Google могут быть расположены в разных местах:

• sites.google.com/new (чтобы открыть панель управления Сайтами)
• sites.new (создает новый сайт Google)
• Внутри Диска нажмите НОВИНКА — ЕЩЕ — САЙТЫ GOOGLE (лучше всего, если это делается из папки, в которую вы хотите сохранить)

Есть ли на сайтах Google кнопка «Сохранить»?

Нет… технически на Google Сайтах НЕТ кнопки сохранения. Система (как и Google Docs) каждую секунду автоматически сохраняет вашу работу на Google Диске.Однако, как только вы официально опубликуете свою работу, у вас теперь есть две разные версии своего веб-сайта для управления: опубликованный веб-сайт и холст для редактирования.

Есть ли на сайтах Google настройки истории изменений?

Опять… Нет… технически.

На этот вопрос есть два актуальных ответа.

Первый ответ приходит с форума поддержки Google, в котором говорится, что эта функция находится в дорожной карте, но в настоящее время не имеет даты выпуска.

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

Будем надеяться, что эта функция появится где-то в 2019 году.

Как работает публикация на Сайтах Google?

Когда вы окажетесь в точке, где вы хотите поделиться своей работой с другими, вы должны нажать синюю кнопку ПУБЛИКАЦИЯ в правом верхнем углу экрана.

Опубликовать в Интернете (панель настроек)

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

Интернет-адрес:

Это адрес вашего веб-сайта.Для ваших Сайтов Google есть две возможные комбинации URL:

• • sites.google.com/schooldomain/…
  • sites.google.com/view/…

Первый из них предназначен для вашего бизнеса или учебного заведения. URL-адрес будет автоматически настроен для включения вашего EDU или рабочего домена. Второй из этих вариантов предназначен для всех остальных пользователей приложения. Это одновременно плюс и минус … то есть, как и в случае с адресом .com, который вы собираетесь купить, вам следует подумать о защите своего домена Google Sites на случай, если кто-то другой придет и захочет получить сайты.google.com/view/YOURNAME.

Пользовательский URL:

Если у вас есть собственное доменное имя и вы хотите, чтобы оно отображалось вместо «sites.google.com/…», вы можете указать его здесь. На сайте STEEGLE есть прекрасное руководство по этому процессу.

Кто может просматривать мой сайт:

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

Настройки поиска:

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

Как мне добавить соавторов?

Прежде чем идти дальше, важно понять, какое место занимает Google Sites в семействе GSuite. С точки зрения словарного запаса и того, как все настроено, Google Sites больше похож на родственные отношения с Google Forms, чем с Docs / Sheets / Slides. Это связано с тем, что, как и в случае с формами, у него есть сторона публикации и редактирования.Это часто вызывает проблемы у новых пользователей, которые не знакомы с определенной терминологией.

Поделиться с другими (панель настроек)

В меню «Поделиться с другими» есть три раздела: «Черновик», «Опубликованный», а внизу — список тех, кому вы дали разрешение на редактирование документа.

Осадка:

Раздел Черновик относится только к доступу к ОТРЕДАКТИВНОЙ ВЕРСИИ вашего веб-сайта. Здесь учителя попадают в беду. Они видят кнопку с надписью «Включено — общедоступно в Интернете» и думают, что это означает, что им следует щелкнуть ее, чтобы другие пользователи могли просмотреть их опубликованный веб-сайт.Вместо этого это фактически дает посторонним разрешение ИЗМЕНИТЬ веб-сайт.

В настройках черновика есть три варианта:

• • Включено — общедоступно в Интернете
  • Вкл. — Все, у кого есть ссылка
  • Off — конкретные люди

Мой совет — держите его ВЫКЛЮЧЕННЫМ, если у вас нет особой причины для открытия доступа для редактирования к вашему веб-сайту. Хорошим примером этого может быть случай, когда вы хотите реализовать со своими учениками проект, в котором каждый может зайти на веб-сайт и одновременно вносить правки.

Опубликовано:

Раздел «Опубликованные» относится к тому, как ваш веб-сайт будет работать после его запуска и в Интернете.

Есть два варианта, на которые вы можете нажать:

• • Все желающие могут найти и просмотреть опубликованную версию
  • Определенные люди могут просматривать при публикации

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

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

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

Пригласить людей:

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

У вас есть еще два варианта:

• • Может редактировать
  • Может просматривать опубликованный

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

Настройки владельца

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

Что происходит после того, как вы опубликуете свой веб-сайт?

После того, как вы опубликуете свой веб-сайт, у вас теперь есть две «версии» вашего веб-сайта: холст для публикации и холст для редактирования.

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

Сторона редактирования предназначена просто для вас (или ваших соавторов), над которой вы можете продолжить работу. Веб-сайт будет продолжать сохранять себя каждую секунду, пока вы работаете, но единственный способ, которым ваши общедоступные пользователи увидят обновления, — это когда вы снова нажмете кнопку ПУБЛИКАЦИЯ.

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

После публикации вы увидите стрелку справа от синей кнопки ПУБЛИКАЦИЯ с тремя вариантами.

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

Важно понимать, что ваш веб-сайт НЕ нужно удалять, пока вы его редактируете. После того, как вы нажмете кнопку публикации, вашему веб-сайту потребуется 3-4 секунды для публикации любых изменений, которые вы вносите в действующий веб-сайт. Затем вы можете вернуться и внести столько изменений, сколько захотите, столько времени, сколько захотите, и ваши пользователи НЕ увидят эти изменения, пока вы снова не нажмете синюю кнопку ПУБЛИКАЦИЯ.Как указано выше, ваш сайт будет автоматически сохранять каждые несколько секунд, но это НЕ повлияет на ваш действующий сайт, пока вы не нажмете кнопку публикации еще раз.

Чего НЕ следует делать, думая о публикации?

Многие веб-разработчики сайтов Google допускают одну ключевую ошибку, когда дело касается их настроек публикации. Они используют реальный URL-адрес (веб-адрес) своего РЕДАКТИРУЕМОГО веб-сайта и раздают его своим ученикам и пользователям. Этот веб-адрес может выглядеть примерно так:

Обратите внимание, что в конце написано «/ edit» ???

На самом деле в этой ситуации происходит то, что создатели веб-сайтов отправляют своим ученикам РЕДАКТИРУЕМУЮ версию своего веб-сайта, и это, конечно, позволяет студентам РЕДАКТИРОВАТЬ веб-сайт своих учителей.

Это единственная ошибка, когда дело касается публикации?

Еще одна вещь, которую делают веб-разработчики Сайтов Google, — это открывают миру свои настройки общего доступа. Помните, что сверху у вас есть синяя кнопка ПУБЛИКАЦИЯ, а затем у вас есть кнопка с человеком, который позволяет вам добавлять редакторов. Некоторые люди случайно меняют настройки редактирования на «Включено — общедоступно в Интернете». В этом есть смысл, поскольку это то, что вы обычно делаете с традиционным Документом Google.Однако на сайтах Google это в основном означает… ЛЮБОЙ, ЧТО НАХОДИТСЯ НА ВЕБ-САЙТЕ, ТЕПЕРЬ ЯВЛЯЕТСЯ ПОЛНЫМ РЕДАКТОРОМ.

Думаю, я понимаю…. Что мне делать, чтобы опубликовать свой сайт?

Вот мои рекомендации при работе с новыми Google Сайтами.

1. Используйте кнопку с изображением лица / плюса только в том случае, если вы хотите сделать кого-то другого РЕДАКТОРОМ своего веб-сайта.
2. Когда вы будете готовы запустить свой веб-сайт, нажмите синюю кнопку «ПУБЛИКАЦИЯ» и назовите свой сайт чем-нибудь уникальным.
3. При размещении веб-сайта на своем веб-сайте используйте ТОЛЬКО ссылку, которая выглядит удобочитаемой.
   1. sites.google.com/view/ ??
   2. sites.google.com/yourdomain.com/ ??

Настройки публикации Сайтов Google: часто задаваемые вопросы

Могу ли я изменить свой URL опубликованных сайтов Google после публикации моего сайта?

Да: вы можете изменить URL своего опубликованного сайта Google в любое время, пока он доступен (не используется другим веб-сайтом).

Чтобы изменить URL-адрес, нажмите кнопку ПУБЛИКАЦИЯ НАСТРОЙКИ и отрегулируйте при необходимости.Вам не нужно сначала отменить публикацию. Просто имейте в виду, что это нарушает работу любого URL-адреса, который вы могли бы дать своим пользователям.

Что произойдет, если мой URL недоступен?

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

Как мне получить дополнительную помощь по созданию веб-сайта на Google Сайтах?

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

В заключение

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

Для получения дополнительной информации посетите нашу страницу Сайтов Google или www.EducationalWebDesign.com.

Об авторе, Джеффри Брэдбери

Джефф Брэдбери, создатель TeacherCast и отец знаменитого @EduTriplets Спасибо, что заглянули в TeacherCast сегодня.