При создании многоязычного веб-сайта важно уделять внимание элементам переключения языка. Пользователи часто посещают этот раздел, когда хотят переключить язык.
То же самое касается и вас, как владельца многоязычного сайта Squarespace . Поэтому крайне важно создать переключатель языка для Squarespace , который был бы дружественным, легкодоступным и удобным для пользователя.
В этой статье будет обсуждаться, как создать переключатель языка для Squarespace , а также приводятся советы по дизайну и причины, по которым вам следует это сделать.
Прежде чем обсуждать, как создать Squarespace , вам также необходимо понять, почему языковая кнопка важна для многоязычного Squarespace .
Включив грамотно разработанные языковые кнопки на свой веб-сайт Squarespace , вы не только удовлетворяете потребности многоязычной аудитории, но и демонстрируете стремление обеспечить выдающийся пользовательский опыт, способствовать инклюзивности и позиционировать свой бренд как глобального конкурента в своей отрасли.
Прежде чем обсуждать дальнейший дизайн языковой кнопки Squarespace , важно понять положение языковой кнопки, чтобы пользователям было легко до нее добраться.
Ниже приведены несколько рекомендуемых положений и примеры соответствующих веб-сайтов, использующих положение языковой кнопки.
Размещение кнопки языка в области заголовка — наиболее рекомендуемый вариант. Заголовок — это первый элемент, который видят посетители при просмотре веб-сайта.
Благодаря наличию кнопки выбора языка в этой области уровень видимости и доступности любой страницы сайта становится очень высоким. Такое размещение также соответствует стандартным практикам веб-дизайна, когда пользователи ожидают найти в заголовке важные функции для всего сайта, такие как выбор языка.
Один из примеров языковой кнопки в заголовке взят с официального сайта Dell.
Хотя нижний колонтитул менее заметен, чем верхний колонтитул, в определенных ситуациях он может стать подходящим альтернативным местом для языковой кнопки. Предположим, область заголовка уже заполнена другими важными элементами. В этом случае нижний колонтитул можно использовать как место для языковой кнопки, чтобы избежать беспорядка в основной навигации.
Кроме того, для веб-сайтов с преимущественно линейным потоком контента, где посетители склонны прокручивать страницу до конца, размещение языковой кнопки в нижнем колонтитуле гарантирует, что эта опция останется видимой и доступной после прочтения всего контента. Нижний колонтитул также может быть подходящим выбором, если кнопка языка является второстепенной или дополнительной опцией, а основная кнопка находится в заголовке или меню навигации.
Сайт Feel Unique размещает кнопку выбора языка в нижнем колонтитуле вместе со значком флага и названием страны.
Веб-сайты с макетами боковой панели могут использовать эту область для размещения кнопки выбора языка. Находясь на боковой панели, кнопка языка всегда будет видна во время просмотра пользователем, поскольку боковая панель обычно остается видимой на странице постоянно. Это обеспечивает удобство доступа для пользователей в любое время.
Размещение на боковой панели также может быть хорошим решением, если заголовок или меню навигации уже заполнены другими важными элементами, поэтому добавление языковой кнопки в эту область только создаст беспорядок. Для веб-сайтов с большим количеством контента или функций в центральной области боковая панель может быть идеальным местом для языковой кнопки, сохраняя кнопку видимой, но легко доступной, не загораживая основную область контента.
Ниже приведен пример сайта Lulu Lemon с языковыми кнопками в боковом меню справа.
Последний вариант — это плавающая или прикрепленная языковая кнопка, особенно для мобильных устройств или веб-сайтов с минималистичным дизайном. На маленьких экранах, таких как мобильные устройства, плавающие или прикрепленные кнопки более заметны и доступны, чем размещенные в верхнем или нижнем колонтитуле, которые могут быть скрыты или требовать дополнительной прокрутки.
Однако этот подход следует реализовывать осторожно, чтобы не нарушать отображение контента и не создавать неудобств для пользователя. Следует учитывать расположение, размер и стиль кнопки, чтобы обеспечить плавную интеграцию с общим дизайном веб-сайта.
Как показано ниже, это сайт Patagonia с языковыми кнопками, в которых используются липкие элементы. Вы можете найти кнопку в правом нижнем углу, после чего появится следующее окно для выбора страны и языка.
К этому моменту вы уже понимаете, насколько важна языковая кнопка для многоязычного веб-сайта Squarespace , и даете рекомендации по расположению языковой кнопки. Поэтому важно найти службу перевода, которая предоставляет простые возможности настройки языковой кнопки.
Хотя службы перевода обычно предоставляют переключатели языков, не все из них предлагают легко настраиваемые и гибкие варианты с различными настройками. Однако служба перевода Linguise — это решение для тех, кто ищет удобную и легко адаптируемую языковую кнопку Squarespace
Не волнуйтесь, Linguise не накладывает таких ограничений. Это служба автоматического перевода, которая предлагает пользователю возможность настройки языка с помощью кнопки. Вот некоторые другие преимущества, которые вы получите, используя Linguise при создании языковой кнопки Squarespace :
Без лишних слов, вот шаги по созданию языковой кнопки Squarespace с помощью Linguise в несколько этапов.
Чтобы создать кнопку переключения языка для вашего веб-сайта Squarespace с помощью Linguise , первым шагом является регистрация учетной записи на платформе Linguise . Вы можете бесплатно зарегистрироваться и использовать бесплатную пробную версию на один месяц, которая позволит вам получить доступ к различным функциям, доступным в этой услуге.
Следующим шагом будет добавление домена веб-сайта на Linguise . Необходимо ввести некоторые данные, включая информацию об учетной записи, URL-адрес, выбор платформы ( Squarespace ), родной язык, язык для перевода и настройки URL-адреса перевода.
Вы можете увидеть установку автоматического перевода Linguise в Squarespace для получения полных инструкций по добавлению домена.
Следующим шагом будет интеграция Linguise в ваш веб-сайт Squarespace , добавив код сценария, предоставленный на панель управления, следующим образом.
После этого откройте Squarespace , выберите нужный веб-сайт, который вы хотите сделать многоязычным, перейдите вниз и выберите « Инструменты веб-сайта».
Затем в меню «Инструменты веб-сайта» выберите параметр « Внедрение кода».
Затем идут HEADER и FOOTER . Если вы хотите, чтобы кнопка языка была в заголовке, поместите код в ЗАГОЛОВОК . Аналогично, если вы поместили его в нижний колонтитул, введите код в столбец НИЖНИЙ колонтитул.
После интеграции Linguise и Squarespace Linguise автоматически создаст кнопку языка на веб-сайте Squarespace . Однако внешний вид по-прежнему остается по умолчанию.
Таким образом, вы можете настроить дизайн языковой кнопки за несколько шагов.
Убедитесь, что вы вошли в Linguise , а затем выберите «Настройки» > «Отображение языковых флагов». После этого появится несколько разделов, первый из которых следующий.
В этом разделе есть несколько настроек:
Параметры отображения списка имеют три варианта: рядом, раскрывающийся список и всплывающее окно. Ниже представлен предварительный просмотр трех вариантов.
Затем, что касается положения самой языковой кнопки, Linguise предлагает несколько позиций на выбор.
Далее идет настройка позиционирования, где вы можете выбрать, где будет располагаться переключатель языка. У вас есть множество вариантов позиции на выбор. Убедитесь, что вы выбрали место, легко доступное для посетителей.
Наконец, выберите комбинацию флаг + название языка, флаг + короткое имя или только флаг.
Ниже основного интерфейса находятся настройки дизайна флагов. Несколько вариантов настроек показаны на изображении ниже.
После настройки дизайна флага следующим шагом является настройка цветов, размеров и других элементов. На следующем экране имеется несколько настраиваемых параметров, например:
На заключительном этапе вы можете настроить параметры тени для флагов. Первая настройка позволяет вам указать тени для каждого флага на вашем веб-сайте, а последующая настройка предназначена для теней языковых флагов при наведении курсора мыши.
Если вас все устраивает, не забудьте нажать «Сохранить» , чтобы сохранить настройки переключателя языка.
Вы можете использовать эти особенности дизайна кнопок переключения языка Squarespace в Linguise . Вы можете настроить приведенные выше настройки в соответствии с потребностями вашего веб-сайта.
Ниже приведен пример того, как выглядит веб-сайт Squarespace с настраиваемыми кнопками языка дизайна.
Как легко, правда? Некоторые могут задаться вопросом, где находится правильная языковая кнопка Squarespace , чтобы пользователи могли легко добраться до нее. Мы обсудим это дальше.
Теперь, когда вы знаете, как создать языковую кнопку Squarespace , осталось усовершенствовать ее, выполнив следующие советы:
Теперь вы понимаете, почему языковая кнопка важна для многоязычного веб-сайта Squarespace , как создать языковую кнопку Squarespace и советы по ее созданию.
Правильно разработав кнопку переключения языка, вы можете значительно улучшить взаимодействие с пользователем вашего веб-сайта Squarespace . Как объяснялось ранее, это будет иметь различные последствия.
Так зачем еще ждать? Зарегистрируйтесь в Linguise , зарегистрируйте свой Squarespace и настройте конфигурацию кнопки переключения языка, чтобы обеспечить удобство работы с пользователем.
Получайте новости об автоматическом переводе веб-сайтов, международном SEO и многом другом!
Не уходите, не поделившись своей электронной почтой!
Мы не можем гарантировать, что вы выиграете в лотерею, но можем обещать интересные информационные новости о переводах и периодические скидки.
