Как оформить сайт правильно: Оформление сайта. Как оформить сайт правильно?

Содержание

Общие правила дизайна для сайтов

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

Об основных правилах

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

Единая идея оформления

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

Логичная навигация

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

Выделение ссылок

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

Иерархия элементов

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

Устраняйте битые ссылки

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

Визуальное выделение

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

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

Заставлять посетителя ждать

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

Открывать ссылку в этой же вкладке

Особенно это касается вопроса внешних ссылок – переход на другую страницу не должен отвлекать пользователя от Вашего ресурса.

Размещать слишком много рекламы

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

Использовать слишком много эффектов

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

Делать авто воспроизведение аудио или видео

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

Делать выбор в пользу красоты

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

Такой разный дизайн

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

Сайт компании

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

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

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

Критерии, которые отличают качественную главную страницу:

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

Логотип как элемент функционала

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

Навигация

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

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

Футер

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

Кнопки

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

Изображения

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

Landing Page

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

Суть страницы

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

Минимум графических элементов

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

Минимум навигации

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

Всплывающие окна

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

Кнопка призыва

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

Минимум информации

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

Форма подписки

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

Три предложения

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

Небольшой вывод

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

Как правильно оформить сайт | HUNTERMANIA

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

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

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

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

Шаблоны OsCommerce позволяют сделать все, что только Вы пожелаете. Они отлично работают с различными компонентами, которые будут необходимы при дальнейшем развитии сайта. Кроме того, шаблоны данного типа имеют возможность регулирования ширины сайта. Вы неоднократно встречали сайты, на которых с обеих сторон есть огромные пробелы. Дело в том, что многие шаблоны не позволяют выставить «плавающую» ширину окна. Существует также понятие фиксированная ширина окна. Что это означает?

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

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

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

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

Но если это сайты с большими объёмными и информативными текстами, то необдуманное использование GIF или Flash-анимации в немалом количестве будет только отвлекать посетителя от необходимой информации.

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

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

Можно сделать рекламу товара в виде объёмных объектов при помощи 3D, применив flash-технологию. Либо в виде слайд-шоу, которым можно управлять прямо на странице.

– Также анимацию можно применять, если изменение объекта нужно отслеживать.

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

Но есть ещё несколько ситуаций, при которых не желательно применять анимацию:

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

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

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

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

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

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

1. Страница медленно загружается.

2. Страница некорректно работает в браузере посетителя или с его разрешением экрана.

3. На странице очень много рекламы.

Оформляем наш сайт правильно:

1. Страница сайта при высокоскоростном интернете должна загружаться 2-3 сек, при медленном интернете – до 10 сек. Более длительное время загрузки страницы, катастрофически быстро сводит на нет количество желающих ее увидеть. Замедляют загрузку страницы – картинки, сложные гаджеты, аудио, видео плееры, поэтому используем эти составляющие на своих страницах разумно.

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

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

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

5. Главная страница должна полностью отражать основные возможности сайта и быть его витриной.

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

7. Не делайте много акцентов на странице – выделите на ней 20% самой важной информации и сделайте акцент на ней. Посетитель должен ясно увидеть, на что вы хотите обратить его внимание, что вы ему рекомендуете.

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

9. Не увлекайтесь большим количеством гаджетов и картинок на странице – они замедляют ее загрузку.

10. Регулярно пишите на своем сайте свежие статьи – это позволит посетителям сайта возвращаться к вам вновь и вновь.

Итак, для оформления сайта ключ к успеху – продуманная простота. // mmaxis.info, mywebblog.ru, onlinedelo.com

Подборка записей в тему:

Как оформить сайт: советы и рекомендации

Адель Гадельшин

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

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

Советы по оформлению сайта

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

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

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

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

Доброго времени суток, читатель блога Pro Profit 24. С вами на связи автор блога Наталия Бутенко. И сегодня в рамках рубрики «Продвижение» я сделаю обзор нескольких параметров, которые необходимо учитывать при оформлении статьи на сайте.

правила оформления текста на сайтеФакторы и правила оформления текста на сайте

11. необходимых настроек при оформлении текста.

  1. Соблюдайте естественность структуры.
  2. Длина статьи, должна соответствовать выдаче в ТОПЕ 10 по данному ключевому запросу
  3. Разбавляйте текст картинками.
  4. Правильно располагайте картинки.
  5. Ключевые слова должны естественно быть вписаны в текст.
  6. Не нужно выделять жирным ключевые слова.
  7. Рассчитывайте количество ключевых слов в тексте, в соответствии с его длиной.
  8. Делайте каждую статью привлекательной и удобной для чтения.
  9. Не делайте размер шрифта мелким.
  10. Оптимальная длина строки 55-75 символов
  11. Длина абзаца должна быть от 4 до 7 строчек.

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

Ссылки на статьи для правильного заполнения тегов.

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

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

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

оформление текста на сайте примерыкрасивое оформление текста на сайте

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

  • Размер текста
  • Размер абзаца
  • Количество символов в строке
  • Жирность текста.

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

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

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

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

Arial
Arial Black
Comic Sans MS
Courier New
Georgia
Impact
Times New Roman
Trebuchet MS
Verdana

Эти шрифты удобны для чтения и не создают дополнительных пространственных пробелов.

Идеальные пропорции для статьи на сайте:

Первичный размер шрифта: 16
Название: 16 × 2 = 42
Заголовок статьи: = 29,35
Подзаголовок: = 20
Дополнительный текст: = 13

Ещё одно важное замечание.

Согласно этой шкале, размер шрифта в заголовке статьи, должен быть равен высоте строки основного текста в статье.

Если Вы не умеете создавать маркеры и списки.

Рекомендую установить плагин Shortcodes Ultimate (Шорткоды)
Установка плагина очень простая, скачали, активировали и можете сразу применять.

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

После установки в редакторе появится дополнительная кнопка «Insert ShordCode».

Применяем плагин как сделать списки и маркеры

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

навигация по статьеУдобная навигация по статье

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

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

Я желаю Вам всех благ, и процветания
С уважение Наталия Бутенко.

навигация по статье
Как оформить сайт страницу правильно. Как правильно оформить. Kak-Delat-Pravilno.ru

Автор: Rusya Рубрика: Мой блог Комментариев нет

Топ-10 правил при создании главной страницы сайта

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

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

Второе – тег <title>. Многие новички очень мало внимания уделяют оформлению заголовков текстов, а очень зря. Название (слога) желательно помещать в теге <title>. Только после этого можно продолжать описание.

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

Четвертое – грамотное выделение. Наиболее важную информацию важно и нужно выделять. В противном случае человек может попросту «потеряться» в тексте. Все темы и подразделы обязательно должны быть выделены.

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

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

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

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

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

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

Статьи по теме

Подписаться на БЕСПЛАТНЫЕ уроки!

Как правильно оформить главную страницу сайта

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

Поэтому, оформляя главную страницу своего ресурса, необходимо придерживаться следующих требований:

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

2. Не используйте назойливые заставки. Они не должны отвлекать посетителя, который зашёл на Ваш ресурс за необходимой ему информацией. Не нужно заставлять его ждать, нагружая ресурс всевозможными Flash-заставками и другими приложениями, «тормозящими» загрузку страницы.

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

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

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

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

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

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

Про оформление сайта! Как правильно оформить свой сайт?

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

Что такое оформление сайта?

Оформление сайта — это первое, что видит посетитель попав на сайт.
В большинстве своём именно от оформления зависит впечатление посетителя о сайта.

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

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

Оформление главной страницы сайта.

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

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

Ни в коем случае нельзя чтобы посетитель отвлекался и рассеивал своё внимание.

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

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

Оформление шапки сайта.

Дизайнеры и юзабилисты считают, что именно шапка сайта задаёт тон и эмоциональный фон.

Оформление шапки сайта должно:

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

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

Оформление меню сайта.

Про меню тоже были статьи:

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

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

Оформление подвала сайта

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

Оформление материалов сайта

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

Источники: http://it-bloge.ru/p/top-10-pravil-pri-sozdanii-glavnoy-stranitsyi-sayta, http://1245.ru/kak-pravilno-oformit-glavnuyu-stranitsu-sayta/, http://adtimes.ru/4640


Комментариев пока нет! 90000 How to design a website when you’re not a website designer 90001 Steps and best practices 90002 90003 90004 This post was originally published on June 15, 2016, and was updated on Sept. 14 2017, and June 5, 2019. 90005 90006 90007 90002 In today’s information age, every successful business needs a website — even small, independent ventures. But a great-looking website does not have to cost thousands of dollars. With the right tools and some helpful tips, even a website DIYer can create a great basic site.If you’re wondering how to design a website when you’re not a website designer, these ideas can keep you from making some common mistakes. 90007 90010 90002 One of the easiest ways for a non-developer to learn how to design a website that’s fully customizable is to use a content management system (CMS) like WordPress. 90007 90013 90002 A CMS takes care of 90015 how 90016 the site is displayed and allows you to focus only on 90015 what 90016 you want to display. Nearly one-third of all websites hosted on the internet use WordPress so that will be the focus of this article.However, all of these tips and best practices can apply to just about any type of website you create. 90007 90020 How to get a WordPress website 90021 90002 If you are just getting started and want some of the heavy lifting done for you, check out GoDaddy Managed WordPress Hosting. It features a Quick Start Wizard to get your new site up and running fast. Answer some basic questions about your business, and the Quick Start Wizard will use the data to help you select a theme and begin populating data on your site.With GoDaddy Managed WordPress Hosting, you also receive core software updates, daily backups and 24/7 support. 90007 90024 90024 From simple personal websites to robust online stores, GoDaddy Managed WordPress offers hundreds of beautiful themes. Featuring eight pre-built customizable pages, easy drag-and-drop page building, and quick access to thousands of WordPress plugins, there’s virtually no limit to what you can create. 90002 If you’re feeling more adventurous or want more control, you can purchase a reliable hosting package and install WordPress yourself.The CMS is available for free from WordPress.org and is fairly easy to set up if you’ve got some tech chops. Check out «How to install WordPress on cPanel» for the detailed process. 90007 90002 Once you have decided which route is right for you, it’s time to get started building your site. A little planning and attention to detail here will help you design a website that looks and functions great, even if you’re not a professional website designer. 90007 90020 90031 90031 90021 90020 How to design a website using basics and best practices 90021 90002 Your website should be an extension of your branding, and is often the first place potential customers will go to get more information about your services.90007 90010 90002 By following some basics and best practices for your website design — and avoiding common pitfalls — you can make that impression a good one. 90007 90013 90002 When deciding how to design your website, keep the following tips in mind: 90007 90044 90045 90046 Start with five core pages. 90047 90048 90045 90046 Keep it clean and simple. 90047 90048 90045 90046 Your content matters … a lot. 90047 90048 90045 90046 Plan for SEO. 90047 90048 90045 90046 Do not ignore mobile users (responsiveness).90047 90048 90045 90046 Make sure it works (cross-browser compatibility). 90047 90048 90069 90002 Let’s get started learning how to design a website. 90007 90020 1. Start with five core pages 90021 90002 Every business will have different informational needs when it comes to their website content. However, there are also some «core» pages most sites should always include, and these are a great place to start. 90007 90002 Your goals might vary slightly depending on the type of products or services you offer, but your goal is to drive users to become customers with these five pages.90007 90002 90015 Related: How to plan a website 90016 90007 90082 Home page 90083 90002 This is the first thing visitors see when they land on your website, so make it count. 90007 90002 You’ll want to include the most important information at the top, or «above the fold.» This area typically includes your company’s logo and navigation bar, and a quick paragraph or tagline that describes who you are and what you have to offer. 90007 90002 Be sure to include visuals that grab your visitors ‘attention and make it clear what your website is about.90007 90002 90007 90002 A call-to-action (or CTA) is a great tool to include on your home page. 90007 90002 Consider the most important thing you want a user to do before they leave your site — contact you, complete a form, make a purchase — and then create a CTA that makes that action very easy. 90007 90002 Other important items to consider including on your home page: 90007 90098 90045 90046 Primary contact information 90047: Make it easy for visitors to reach you. 90048 90045 90046 Sign-up / subscribe form 90047: Encourage users to sign up for news and information from your website.90048 90045 90046 Testimonials / trust badges 90047: Include reviews from previous customers or any badges / ratings you have (e.g. Better Business Bureau, Google Reviews) to show customers you offer quality services and build trust. 90048 90111 90002 90015 Related: How to ask for testimonials and reviews from your clients 90016 90007 90082 Products / services page 90083 90002 Here is where you’ll break out your products or services. Potential customers will visit this page to look for information about what you provide, so you want it to be detailed.90007 90002 Use compelling images and descriptions to showcase your offerings. 90007 90002 90007 90002 Depending on your type of business, a video might be a good idea on this page. 90007 90002 In addition to pricing information, this is where you would include payment options, shipping information, your return policy, booking requirements, or any other information customers might need about your services. 90007 90002 Keep in mind that if you are selling products directly from your website, you’ll need to install an eCommerce plugin such as Woocommerce.These plugins make the process of entering, managing and displaying products much easier. They also provide options for sending shipping notices, tracking inventory levels and providing order management options. 90007 90002 90015 Related: How to create a compelling eCommerce product page 90016 90007 90082 About page 90083 90002 Who are you? How did you get started? What is your favorite flavor of ice cream? 90007 90002 90007 90002 Putting a human face on your company can help visitors get a better sense of who you are and provide a feeling of familiarity that many customers like.90007 90002 Include photos of yourself, your team in action, your storefront, or a short video highlighting your company. You can create a «team» section showing your employees with titles, contact information and a short bio for each. 90007 90002 This page is also a great place to include any product or company awards, certifications, and a standout customer testimonial or two. Speaking of testimonials … 90007 90002 90015 Related: How to create an About page for your eCommerce shop 90016 90007 90082 Testimonials page 90083 90002 Nothing inspires confidence like good testimonials from other satisfied customers.90007 90002 Make use of positive reviews left on places like Google Review, or ask past customers directly to provide a review you can use. 90007 90002 Want to encourage more participation? This is also a good page to set up a form for customers to leave you a testimonial. There are several plugins for WordPress that will allow visitors to submit a testimonial that you can then review and approve before it appears on your website. 90007 90002 90015 Related: How to develop customer testimonials for your eCommerce site 90016 90007 90082 Contact page 90083 90002 The contact page is arguably one of the most important pages on your website.90007 90010 90002 Potential customers need an easy way to reach you, and your contact information should be clear and easy to find. 90007 90013 90002 You want to make it as simple as possible for users to contact your team, so make sure this page is a priority. If you are not inspired, here’s some advice to revamp your website’s contact page. 90007 90002 Just remember that no matter what products or services you offer, the ultimate goal is to encourage visitors to contact you. Make that process as painless as possible.90007 90002 Include as many contact options as you are willing / able to provide. These typically include some combination of email address, telephone number and mailing / physical address. If you do have a physical location for your business, including a map or directions can be a nice touch. 90007 90002 Other common items that can be included on your contact page include hours of service, holiday hours / office closings, and a contact form for users to send a direct message to you. 90007 90002 90015 Related: Website content development — What to include on 5 core website pages 90016 90007 90020 2.Keep it clean and simple 90021 90002 The best websites are those that are clear, sharp and easy to navigate. While themes and designs vary greatly, it’s still best to remember the old adage «less is more.» 90007 90010 90002 Too much text, busy content or conflicting, bright images make a site difficult to view and even harder to easily grasp your main points. 90007 90013 90002 Whether you’re selecting a theme in WordPress or building your site a different way, keep the overall look clean and simple.90007 90002 Decide what information is the 90015 most 90016 important to your visitors and focus on highlighting that data. 90007 90002 Your website should not be too confusing or busy at first glance. You want users to understand your message within the first 10 seconds of visiting your website. 90007 90002 Decide on one or two fonts and only a handful of colors (usually your brand colors), and limit your usage to only those items. 90007 90002 You also want your navigation menu to be prominent, with wording that makes it apparent what information is included under each option.If needed, use submenus to gather similar pages into one category without cluttering or overwhelming your main navigation bar. 90007 90202 90202 The Ford Motor Company website is very clear and simple, using only two or three main colors to make their message the focus of the website. 90020 3. Your content matters … a lot 90021 90002 When speaking in terms of websites, «content» refers not only to your written text, or copy, but also your images and videos. There are differing guidelines for text and images, but you should pay careful attention to both.90007 90082 Written text or copy 90083 90002 This is the «meat and potatoes» of your website, and it should be well-written and highly relevant for your target audience. 90007 90002 A great-looking site will not help your business grow if the content is not relevant. 90007 90002 90007 90002 Copy should represent your current practices, policies and prices — and still be 90015 helpful 90016 to your clients. 90007 90002 Avoid text that sounds like «spam» or that feels like it was written for search engines and not real people.Your content should be written in natural language that’s easy to understand. It should provide a good level of detail without being overwhelming and be free of typographical errors and mistakes. 90007 90002 This will not only keep users from being annoyed, but will help boost your search engine rankings as well (more on that later). 90007 90002 Review your content periodically and revise as needed to ensure it stays up to date. Adding new copy regularly, such as blog posts or news items, also can be a great way to keep your visitors engaged with your company.90007 90002 90015 Related: How to strategically use copy and visuals on product landing pages 90016 90007 90082 Images 90083 90002 Humans are visual beings, and images can greatly enhance your website and make it more appealing. However, there are some key factors to keep in mind here as well. 90007 90002 Images should always be relevant and used to complement your copy. 90007 90002 Forcing a very large number of images onto a page can cause users to leave your site by increasing your page load time, so be strategic in what images you choose.90007 90002 Your goal is to create an appealing visual without detracting from your core message. 90007 90002 90007 90002 You also do not want to use images that are print quality for display on your website. The file sizes are much larger and do not offer any benefit over smaller files. Here are some additional tips for working with images in WordPress. 90007 90002 But overall, just remember our previous tip — keep it simple and clean — and select images wisely. 90007 90246 90246 Pages on National Geographic for Kids use a good combination of relevant copy and images to clearly display the information.90020 4. Plan for SEO 90021 90002 When you’re figuring out how to design a website, it’s important to keep SEO — shorthand for «search engine optimization» — in mind. 90007 90010 90002 A website with good SEO scores will show up higher on the list of results from search engines like Google and Bing. 90007 90013 90002 Many small businesses rely on word of mouth, but improving your SEO can be a good way to increase your organic search traffic. 90007 90002 The full range of factors that go into calculating SEO scores can be quite complex, and there are companies (including GoDaddy’s SEO Services) that specialize in only this optimization.However, there are some basic steps you can take when designing a website to improve its SEO. 90007 90082 Keywords 90083 90002 Before you create the copy for your website, take the time to figure out what words and phrases your target user would enter into a search engine like Google to find the products or services you offer. Including these keywords and keyphrases naturally throughout your website — in page headlines, body copy, CTAs, etc. — can attract the attention of search engines. 90007 90002 Tools such as Google Keyword Planner, Google Trends and SEMrush can help you with this keyword research.90007 90002 90015 Related: Keyword research and content optimization tips 90016 90007 90082 Metadata 90083 90002 The most basic SEO task you should perform is to set meta title and meta descriptions for each of your pages. 90007 90002 These items, referred to as «meta tags,» provide hidden information to search engines that describe what your page is about. These are the heading and description snippets used in search results by engines like Google. 90007 90002 Fortunately, a CMS like WordPress makes these tags easy to add and edit using a plugin such as Yoast SEO.Install the plugin and once you read how to use the Yoast interface, setting your meta tags is easy. Create at least a title and description for each page on your website, although including keywords is a good idea as well. 90007 90278 90278 The meta tags for GoDaddy.com are used in the search engine results. 90082 Schema 90083 90002 Another useful tip for enhancing your SEO is to provide your contact information using Schema Markup. This does not really matter to your users, but search engines use this information to locate your business in local search results.90007 90010 90002 Not a coder? Not to worry! There are schema generators to create the code for you. 90007 90013 90002 Include this generated code on your site, and search engines will be able to provide your contact information in their search results. 90007 90002 90015 Related: Structured data — The who, what and why of using schema 90016 90007 90082 Image tags 90083 90002 What about the non-text elements on your pages, such as images? 90007 90002 Search engines like to have information about them, too.90007 90002 When you add images to the WordPress Media Library, you can set a couple of values ​​that will help these search engines. Providing both a title and alt text for your images can help improve your SEO scores. You also can include image descriptions, which are good for screen readers and other devices. 90007 90002 90015 Related: What is web accessibility, what does it matter, and how do you get started? 90016 90007 90306 90306 This image from WPBeginner shows a WordPress media gallery image with clearly defined title, alt text and description values.90002 90015 Related: Beginner’s guide to search engine optimization for small business websites 90016 90007 90020 5. Do not ignore mobile users (responsiveness) 90021 90002 In 2018, 58% of website visits were made from some sort of mobile device. This means your site can not only be presentable on a desktop monitor. 90007 90002 The ability of a website design to adjust content automatically to fill different devices / screen sizes is known as «responsiveness.» 90007 90010 90002 Your site needs to look equally good on a mobile phone, tablet, laptop or widescreen monitor.90007 90013 90002 Once again, however, WordPress makes this simple. 90007 90002 Many WordPress themes are already responsive and will require very little, if any, tweaking. Responsiveness allows you to present a professional website to all of your visitors, regardless of the device they use. 90007 90002 90015 Related: What you need to know about Google’s mobile first index 90016 90007 90330 90330 Apple.com looks good, whether viewed from a tablet, desktop monitor or mobile device. 90020 6.Make sure it works (cross-browser compatibility) 90021 90002 Along with responsive considerations, remember that not all of your visitors will use the same browser to view your website. 90007 90002 Most of the time, this will not be a problem, but you should check your website from multiple browsers. 90007 90002 You do not need to try every possible browser option, but your site should work well on the five most popular: Chrome, Firefox, Safari, Edge and Opera (Microsoft has discontinued support for Internet Explorer).90007 90002 If you’re using WordPress and a responsive theme, you should see approximately the same image across any browser you try. 90007 90342 90342 The Better Business Bureau website looks basically the same when viewed across any browser. Shown here on Firefox, Chrome and Edge. 90020 That’s a wrap 90021 90002 In today’s fast-paced and information-driven world, every business needs a website. With these tips on how to design a website, your venture can enjoy that benefit as well. A little time and planning can provide you with a well-designed site that will enhance your company’s image, even if you’re not a website designer.90007 .90000 android — How correctly to design a login screen? 90001 Stack Overflow 90002 90003 Products 90004 90003 Customers 90004 90003 Use cases 90004 90009 90010 90003 Stack Overflow Public questions and answers 90004 90003 Teams Private questions and answers for your team 90004 90003 Enterprise Private self-hosted questions and answers for your enterprise 90004 90003 Jobs Programming and related technical career opportunities 90004 90003 Talent Hire technical talent 90004 90003 Advertising Reach developers worldwide 90004 90009 .90000 How to design a website for mobile phone users? 90001 Stack Overflow 90002 90003 Products 90004 90003 Customers 90004 90003 Use cases 90004 90009 90010 90003 Stack Overflow Public questions and answers 90004 90003 Teams Private questions and answers for your team 90004 90003 Enterprise Private self-hosted questions and answers for your enterprise 90004 90003 Jobs Programming and related technical career opportunities 90004 90003 Talent Hire technical talent 90004 90003 Advertising Reach developers worldwide 90004 90009 .90000 How Do You Publish a NEW Google Site? | Publishing Settings | (2019) 90001 90002 90003 90004 90005 90002 One of my favorite applications in the GSuite system is Google Sites. Not only do they give teachers an incredible tool for building digital lessons, but allow students to quickly create stunning online portfolios to showcase their accomplishments. They are easy to create, simple to manipulate and can be organized inside of your Google Drive to keep you well prepared for future lessons.However, today we are going to talk about one of the big pain points for teachers. Today, we are going to take a look at Publishing Settings in Google Sites and why you should always check to make sure you are not accidentally giving permission to your users to do things you do not want them to do on your website. 90005 90002 Where Google Sites is a very easy application to learn and quickly get up and running with, many are having issues understanding some of the publishing settings and how collaboration works.Let’s take a moment to dive into Google Sites to fully understand how to share your new website with your audience. 90005 90010 What Are Google Sites? 90011 90002 Google Sites is the free website builder found in GSuite. It was revamped and recreated in the summer of 2015 and since then has gone through a number of fantastic updates to provide additional functionality to users. 90005 90002 Google Sites can be located in a variety of places: 90005 90016 90017 sites.google.com/new (to open the Sites Dashboard) 90018 90017 sites.new (creates a new Google Site) 90018 90017 Inside of Drive, click on NEW — MORE — GOOGLE SITES (best if this is done from inside a folder you wish to save it in) 90018 90023 90010 Does Google Sites Have A Save Button? 90011 90002 No … technically, Google Sites does NOT have a save button. The system, (like Google Docs) automatically saves your work every second inside of Google Drive. However, once you officially publish your work, you now have two different versions of your website to manage, your published website, and your editing canvas.90005 90010 Does Google Sites Have A Revision History Setting? 90011 90002 Again … No … technically. 90005 90002 There are two actual answers for this question. 90005 90002 The first answer comes from a Google Support forum that states that this feature is on the roadmap but currently does not have a date to be released. 90005 90002 The other comes from one of my favorite websites, STEEGLE, who had a fantastic tutorial on a process for getting revisions but as they have recently posted … this feature is now no longer available.90005 90002 Let’s hope that this is a feature that comes out sometime in 2019. 90005 90010 How Does Publishing Work in Google Sites? 90011 90002 Once you are at a point where you would like to share your work with others, you should click on the blue PUBLISH button on the top right of the screen. 90005 90002 90045 90005 90047 Publish the Web (Settings Panel) 90048 90002 This menu gives you several options to save and publish your work for others to view. 90005 90047 Web Address: 90048 90002 This is your website address.There are two possible URL combinations for your Google Sites: 90005 90016 90017 90016 90017 sites.google.com/schooldomain/… 90018 90017 sites.google.com/view/… 90018 90023 90018 90023 90002 The first of these is for your business or school. The URL will automatically be set up to include your EDU or work domain. The second of these options is for all other users of the application. This is a pro and a con at the same time … meaning, just like a .com address that you would go purchase you should think about securing your Google Sites domain just in case someone else comes along and wants sites.google.com/view/YOURNAME. 90005 90047 Custom URL: 90048 90002 If you have your own domain name and would like to display it instead of «sites.google.com/…» you can include it here. There is a nice tutorial for this process on the STEEGLE website. 90005 90047 Who Can View My Site: 90048 90002 This will provide an additional menu where you can choose how others will interact with your website. (More on this below) 90005 90047 Search Settings: 90048 90002 This is a button that often causes teachers to get sweaty palms.If you are creating a website for your school, you might want to click this button to request that Google NOT show your content in its search directory. 90005 90010 How Do I Add Collaborators? 90011 90002 Before going any farther, it’s important to understand where Google Sites fits into the GSuite family. In terms of vocabulary and how things are setup, Google Sites has more of a brother / sister relationship to Google Forms rather than Docs / Sheets / Slides. This is because, as with Forms, it has a published and edit side.This often causes a bit of problem for new users who are not familiar with certain terminology. 90005 90002 90084 90005 90047 Share with Others (Settings Panel) 90048 90002 The Share with Others menu has three sections, Draft, Published and at the bottom, a list of specifically who you have given permission to edit the document. 90005 90090 Draft: 90091 90002 The Draft section refers only to having access to the EDITED VERSION of your website. This is where teachers get into trouble.They see the button that says «On — Public on the web» and they think that this means they should click it in order to have others view their published website. Instead, this is actually giving strangers permission to EDIT the website. 90005 90002 The Draft Settings have three options: 90005 90016 90017 90016 90017 On — Public on the web 90018 90017 On — Anyone with the link 90018 90017 Off — Specific People 90018 90023 90018 90023 90002 My advice here is to keep it to OFF unless you have a specific reason for opening up editing access to your website.A good example of this would be if you are looking to do a project with your students where everyone could enter the website and make edits all a the same time. 90005 90090 Published: 90091 90002 The Published section refers to how your website will function after it’s up and on the web. 90005 90002 There are two options for you to click on: 90005 90016 90017 90016 90017 Anyone can find and view the published version 90018 90017 Specific people can view when published 90018 90023 90018 90023 90002 These two options are very powerful.The first option (anyone can find) is the traditional setting that allows the majority of users to have access to your content. 90005 90002 The second option (specific people can view) however is a great feature when wanting to limit who can see your website. In other words, this can give you the ability to create a «Membership Website.» 90005 90002 On TeacherCast, we use this option for our Tech Coach Mastermind program. With this being triggered on, only people we specifically setup can see the website and they must be signed into their Google Accounts to do so.90005 90090 Invite People: 90091 90002 This setting works very similar to Docs / Sheets / Slides. You can invite a specific person or group or people to have access to your website. 90005 90002 You then have two other options: 90005 90016 90017 90016 90017 Can Edit 90018 90017 Can View Published 90018 90023 90018 90023 90002 Use the second option if you are setting up a membership site, or a website where only your teachers or students can see the work when logged in. 90005 90090 Owner Settings 90091 90002 The very bottom of the Share with others menu gives the owner of the Google Site the ability to limit what rights other users have by granting them access (or not) to prevent editors from publishing, changing access and adding new people.(I often check this box) 90005 90010 What Happens After You Publish Your Website? 90011 90002 Once you publish your website, you now have two «versions» of your website, a Published and an Editing Canvas. 90005 90002 The published version is the one that everyone will have access to once you share the website URL with them. 90005 90002 The editing side is simply for you (or your collaborators) to continue working on. The website will continue to save itself every second while you are working, but the only way that your public users will see the updates is when you hit the PUBLISH button again.90005 90002 Meaning: You can work on editing your website for days or weeks without hitting the publish button again and everything will be saved. 90005 90002 90165 90005 90002 After publishing, you will see an arrow to the right of the blue PUBLISH button with three options. 90005 90016 90017 90171 Publish Settings 90172 — This menu option brings you back to your publishing settings where you can adjust the privacy of your website. 90018 90017 90171 View Published Site 90172 — This is the key menu option that takes you to your public website based on the website address you set up when publishing.90018 90017 90171 Unpublish 90172 — This menu option will unpublish your website and «remove» it from the world wide web. 90018 90023 90002 It is important to understand that your website does NOT need to be unpublished while you are editing it. After you hit the publish button, you website will simply take 3-4 seconds to publish any changes you make to the live website. You can then go back and make as many changes as you want, for as long as you want and your users will NOT see those changes until you again hit the blue PUBLISH button.As stated above, your website will automatically save every few seconds, but this will NOT affect your live site until you hit the publish button once again. 90005 90010 What should I NOT be doing when thinking about publishing? 90011 90002 Many Google Sites web developers have been making one key mistake when it comes to their publishing settings. They are using the actual URL (web address) of their EDITABLE website and giving this out to their students and users. This web address might look something like this: 90005 90002 90190 Notice at the end it says «/ edit» ??? 90191 90005 90002 90005 90002 90196 90005 90002 What is actually happening in this situation is that website creators are sending their students the EDITABLE version of their website and this of course, allows students to EDIT their teachers website.90005 90047 Is that the only mistake when it comes to publishing? 90048 90002 Another thing that Google Sites web developers are doing is opening up their sharing settings to the world. Remember from above, you have a blue PUBLISH button and then you have the button with the person that allows you to add editors. Several people are by accident changing their editing settings to «On — Public to the web.» This makes total sense as it is what you would generally do with a traditional Google Doc.However, in Google Sites, this is basically saying … ANYONE THAT IS IN THE WEBSITE IS NOW A FULL EDITOR OF THE WEBSITE. 90005 90010 I think I understand …. What should I do to publish my website? 90011 90002 Here are my recommendations when working with the new Google Sites. 90005 90208 90017 Only use the person / plus button when you want to make someone else an EDITOR of your website. 90018 90017 When you are ready to make your website go «live,» hit the blue PUBLISH button and name your website something unique.90018 90017 When giving out the website to your website ONLY use the link that looks readable. 90208 90017 sites.google.com/view/ ?? 90018 90017 sites.google.com/yourdomain.com/ ?? 90018 90219 90018 90219 90010 Google Sites Publishing Settings: FAQ 90011 90047 Can I change my Published Google Sites URL once my site is published? 90048 90002 Yes: You can change your Published Google Sites URL at any time as long as it’s available (not being used by another website). 90005 90002 To change your URL, click on the PUBLISH SETTINGS button and adjust as needed.You do not need to unpublish first. Just keep in mind that this breaks any URL that you might have given out to your users. 90005 90047 What happens if my URL is not available? 90048 90002 At this point, if your URL is not available, you will have to choose a different URL path by either adjusting the URL slightly … or completely. 90005 90047 How can I find additional help with creating a website on Google Sites? 90048 90002 If you are looking for tips, tricks, or help in creating a Google Sites website, I’m happy to sit down with you (or your entire teaching staff) and provide 1: 1 support.Please click on my calendar to book a session with me. 90005 90010 In Conclusion 90011 90002 Over the last 4 years, I have helped teachers and students create hundreds of Google Sites. I love that they are easy to use and simple to manipulate. When it comes to publishing settings, there are a few things to look out for so you do not accidentally find that someone has hijacked your beautiful website, but if you follow the steps above you certainly will be fine. If you have any questions, please do not hesitate to ask.90005 90002 For more information, please visit our Google Sites page or www.EducationalWebDesign.com. 90005 90244 90090 90171 Jeffrey Bradbury, Jeffrey Bradbury 90172 90091 90002 Jeff Bradbury, creator of TeacherCast, and father of the famous @EduTriplets Thanks for checking out TeacherCast today. Please take a moment to find me on all of my Social Media channels! 90005.

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

Ваш адрес email не будет опубликован.