ITkvariat.com — завершаем создание сайта+бонус: советы начинающим веб-разработчикам

Заканчиваем проект, который начали несколько месяцев назад — сайт ITkvariat.com. Многое сделано, что-то не получилось. Что вышло из нашего маленького хобби – судить вам. Мы уже получили довольно много критических замечаний и что-то даже успели устранить. Кое-что, правда, останется на будущее. Но в целом, ресурс обрел более или менее законченный вид и нужный функционал. А мы — понимание того, что делать дальше.

Мобильный дизайн

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

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

 

Шрифты и иконки

 

Первый вариант нашего сайта получил шрифты и иконки Awesome. Но работать с ними оказалось довольно неудобно. Мы заменили их шрифтами из репозиториев Google и Weloveiconfonts. Они овстраиваются в дизайн сайта прямо оттуда и скачивать все библиотеки и необходимые для их использования файлы не нужно. Соответственно, не требуется мучиться с подключением — достаточно воспользоваться простеньким API.

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

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


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

Рекламные материалы, «шаринг» и слайдеры

 

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

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

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

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


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

Изображения и тексты

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

Примерно так же дело обстоит и с видео. Его можно скачивать и просматривать через два встроенных плеера или помещать в виде URLа, если это видео с Ютуба или других популярных ресурсов.
Что касается текстов, то для них предусмотрены два редактора - Froala Editor и Tiny MCE. Они оба удобны в последних версиях но мы чаще пользуемся Froala, который кажется более дружелюбным.

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

 Пользователи, регистрация, поисковики и поисковая система сайта ITrvariat.com

 

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

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

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


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


Советы начинающим разработчикам новостных интернет-сайтов

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

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


Это все, что требуется на "старте".



Партнерство

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

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

Дальнейшее развитие

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

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

читабельность, дискуссионность материалов;
высокая посещаемость.

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

Источник

Версия для печатиВерсия для печати
  • 1
  • 2
  • 3
  • 4
  • 5
Всего голосов: 4
Заметили ошибку? Выделите ее мышкой и нажмите Ctrl+Enter!

Читайте также

 

Комментарии

Аватар пользователя mike

Рад за вас, парни. Вероятно, у вас много здоровья, свободного времени и оптимизма. Мне бы...

Впрочем, всяческих успехов, ибо дорогу осилит идущий.

+3
Аватар пользователя Petro46

Не хотелось оставлять работу недоделанной. Сейчас хоть какой-то консенсус есть... Но, конечно, "косых" мест ещё немало. А тебе: выздоравливай.

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

поддержка исправления ошибок у dev.by - сторонняя.

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

 

 

+1

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

Хватить спорить - пора драться. (С)

+1
Аватар пользователя Petro46

Logicby twitter.com logicby пишет:

Logicby twitter.com logicby пишет:

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

поддержка исправления ошибок у dev.by - сторонняя.

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

Такая поддержка исправления ошибок от Яндекса у нас тоже есть в редакторе Tyni MCE:

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

 

 

Аватар пользователя Petro46

Logicby twitter.com logicby пишет:

 

Хватить спорить - пора драться. (С)

Как обычно:-)