Ваши потребности - наши возможности

WEBBLOG English

Главная ДонецкNews Контакты
Prepared by "Master Video" for educational and not commercial purpose
Темы проекта Web useful, HTML5, CSS3, JavaScript, PHP, MySQL

Web useful

Основные ошибки понижающие конверсию сайта

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

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

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

Невыразительный заголовок

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

Нечитабельная верстка текста

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

Длительная загрузка сайта

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

Запутанная навигация сайта

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

Большое количество рекламы

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

Отсутствие изображений в тексте

Текст необходимо подкреплять тематическими изображениями. Сейчас 21 век, люди не любят читать, люди любят смотреть.

Помощь в поиске информации

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

Веб-студия компании ООО «Мастер Видео», 2018. Разработка и продвижение веб-сайтов в Донецке.
Сайт компании: https://mvideo.dn.ua

Read more ...

HTML5. Начало

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

Начнём с того, что обеспечим себя всем необходимым для обучения. Нам понадобиться браузер использовать можно любой, который есть на компьютере, но для большего комфорта советую Google Chrome. Если на вашем компьютере его нет, то можно установить с официального сайта следуя инструкциям. После выбора браузера необходимо определиться с редактором кода в интернете их неисчисляемое множество, одними из лучших я считаю Sublime Text и Brackets.

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

Ссылка на скачивание Sublime Text 3

Отличной альтернативой Sublime является Brackets от компании Adobe.

Ссылка на скачивание Brackets

Данный редактор отлично подойдёт для вёрстки (HTML + CSS), так же в отличии от Sublime имеет отличную функцию просмотра изменений в реальном времени (live preview).

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

Read more ...

Footer прибитый к низу страницы

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

Пример не правильного футера

Пример правильного футера

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

Необходимый HTML:

<div id="wrap">
	<div id="main">
	</div>
</div>
<div id="footer">
</div>

Реализация «прибитого» футера CSS:

* {
	margin:0;
	padding:0;
}

html, body, #wrap { height: 100%; }

body > #wrap {height: auto; min-height: 100%;} /* блок #wrap занимает всё пространство */

#main { padding-bottom: 66px; } /* блок #main в котором будет располагаться контент
приподнят чтобы не закрывался футером */ #footer { position: relative; margin-top: -66px; /* отрицательный отступ ширины футера. Когда страница
помещается в рамках экрана, 100% ширина блока #wrap вытесняет футер на его же
ширину добавляя странице скролл, благодаря отрицательному отступу футер по
прежнему будет помещаться на странице находясь в низу неё */ height: 66px; clear: both; }
Read more ...