Создание сайта doorstal.su. Часть 2

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

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

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

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

Конечно, можно загрузить не только фотографии, но и любой тип файлов, такой как flash, excel, word и т.д.

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

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

Модуль «Отзывы», имеет еще более продвинутую систему управления. Зайдя на страницу отзывов, мы видим, во первых сам отзыв, систему модерирования и редактирования. Рядом с отзывом показан IP адрес написавшего (в данном случае, адрес не настоящий, для сохранения конфиденциальности). Отзыв можно отредактировать, скрыть (например, на время, если пока неизвестно, что с ним делать в данный момент) и удалить. Можно отсортировать отзывы по датам, когда их будет много, для удобства, можно показывать, например, только опубликованные отзывы, или наоборот, только скрытые. Есть, также и защита от спама, с особым механизмом распознавания.

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

Создание сайта doorstal.su. Часть 1

www.doorstal.su — Создание сайта, верстка, движок.

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

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

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

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

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

Цвет можно выбрать из специального каталога на странице или подведя курсор мыши на квадрат с нужным цветом:


Черный цвет отделки


Красный цвет отделки


Голубой цвет отделки


Белый цвет отделки

В форме обратной связи появился секретный код, для предотвращения спама:

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

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

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

Немного о верстке

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

Мы уделяем HTML-верстке особое внимание. В основном, верстаем таблицами, а css пишем в соответствии со стандартами. Все наши сайты одинаково отображаются во всех браузерах — Internet Explorer, Opera, Firefox, Safari и даже браузерах развлекательных систем PlayStation 3 и Wii.

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

Обычно, на верстку среднего сайта уходит 4-7 дней. Иногда, нас спрашивают, стоит ли работа таких усилий, ведь обычный человек не замечает этого, ему все равно как выглядит сайт в другом браузере и на разных разрешениях экрана. Отвечаем — безусловно, работа того стоит! К примеру, на сайт пришло 1000 человек, из них у 500 браузер Internet Explorer, у 100 Opera, еще у 300 Firefox и оставшуюся сотню делят люди с другими браузерами. Теперь допустим, что ваш сайт делал не опытный человек, отлаживая сайт, только для Internet Explorer. Результат — 500 человек (половина посетителей) видят сайт совершенно не в том виде, в каком он задумывался, а некоторые вообще не могут его загрузить. Ни один человек, не останется на таком сайте и тем более не будет ничего покупать у такой фирмы.

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

Как поднять ТИЦ сайта

В этой статье, я не буду объяснять, что такое тИЦ, лучше меня это сделает Яндекс. Перейду сразу к делу и опишу несколько способов поднятия тИЦ.

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

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

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

4. Интересным методом увеличения тИЦ являются сателлиты. Сателлиты — это специальные сайты, обычно с уникальным контентом, расположенные на недорогом хостинге и имеющие собственный домен. Хороший сателлит регулярно обновляется, раскручивается, так же поднимает свой тИЦ и PR. В последствии, с помощью сателлита, можно поднять не только тИЦ, но и неплохо заработать. Минусы такого метода — слишком трудоемкая работа по обновлению, приходится постоянно следить за своими сайтами, каждый день производить с ними определенную работу. Плюсы — при хорошей усидчивости и трудолюбии, очень хорошая отдача.

5. Можно организовать мини-сайты, на поддоменах своей же площадки. Допустим, у нас есть сайт, мы делаем 100 поддоменов с уникальным контентом и устанавливаем на каждом ссылку на наш сайт. Поддоменам так же необходимо увеличивать тИЦ. Смысл в том, что в Яндексе, тИЦ с поддоменов плюсуется к основному тИЦ. Достаточно увеличить тИЦ поддоменов, чтобы основной домен сильно прибавил в весе. Минусы — есть вероятность бана. Плюсы — при хорошей организации, отличный прирост тИЦ, не нужно покупать дополнительный хостинг, как в случае с сателлитами.

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

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

Ну и на последок скажу, что тИЦ, лучше всего наращивать постепенно, не торопясь. Иначе, Яндекс может посчитать, что вы делаете что-то нехорошее и придется долго доказывать поддержке, что вы правы.
На этом все, удачи в поднятии тИЦ и раскрутке!

Сайт компании «Каскад»

Компания «Каскад», занимается продажей стальных дверей и прочих изделий из металла. Для их сайта www.dveri-kaskad.ru мы сделали HTML-верстку и запустили сайт на нашем движке.

Главная страница сайта в активном и не активном состоянии:


Не активное состояние

Активное состояние

Сайт для фотографа

www.dmitriy-golubev.ru — Создание сайта, верстка, движок.

Дмитрий Голубев, занимается фото и видеосъемкой, снимает свадьбы, делает фото-коллажи и много чего еще. Задача — при ограниченном бюджете, сделать что-нибудь хорошее. Было принято решение сделать сайт на движке 4images. Мы сделали особенные стили, настроили и запустили движок.

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


Главная страница сайта

Второстепенная страница

Верстка сайта «Альянс-Плюс»

Завершена HTML-верстка сайта www.alyans-plus.ru. Интересным элементом верстки стало написание выпадающего меню на java-script:

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

Была проделана работа по оптимизации графики, фотографий и текста. В итоге, сайт успешно заработал на системе Bitrix.


Главная страница сайта

Второстепенная страница
Страницы блога (7):12345[6]7