itkvariat

    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, который кажется более дружелюбным.

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


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

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

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

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


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



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

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

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


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

    Партнерство


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

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

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

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

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


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

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

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

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


    Эдуард ТРОШИН





    Подписывайтесь и читайте новости от ITквариат раньше остальных в нашем Telegram-канале !



    Заметили ошибку? Выделите ее мышкой и нажмите Ctrl+Enter!  




    И еще об интересном...
  • Репортаж с ТИБО-2017. Много шума из...
  • LG G6: большой тест - обзор
  • AppleTV: консоль, медиапроигрыватель или…
  • Игровой ноутбук MSI GS43VR 6RE Phantom Pro
  • Apple iPod, 15 лет триумфа…
  • Репортажная зеркальная цифровая фотокамера Nikon D500. Новый флагман для искушенных.
  • «Сапожник без сапог». SSD-накопитель Intel SSD 540s


  • А что вы думаете? Напишите в комментариях!
    Кликните на изображение чтобы обновить код, если он неразборчив



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

    Полная версия правил

Самое популярное
    
Проверьте скорость вашего интернета!


Что бывало...
Наши друзья
Сервисный центр Five Service

Магазин кабелей и аксессуаров UGREEN

Самоклейкин

Смарт



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, который кажется более дружелюбным.

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


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

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

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

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


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



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

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

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


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

Партнерство


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

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

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

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

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


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

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

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

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


Эдуард ТРОШИН





Подписывайтесь и читайте новости от ITквариат раньше остальных в нашем Telegram-канале !



Заметили ошибку? Выделите ее мышкой и нажмите Ctrl+Enter!  




И еще об интересном...
  • Репортаж с ТИБО-2017. Много шума из...
  • LG G6: большой тест - обзор
  • AppleTV: консоль, медиапроигрыватель или…
  • Игровой ноутбук MSI GS43VR 6RE Phantom Pro
  • Apple iPod, 15 лет триумфа…
  • Репортажная зеркальная цифровая фотокамера Nikon D500. Новый флагман для искушенных.
  • «Сапожник без сапог». SSD-накопитель Intel SSD 540s


  • А что вы думаете? Напишите в комментариях!
    Кликните на изображение чтобы обновить код, если он неразборчив



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

    Полная версия правил
    ITквариат (АйТиквариат) Powered by © 1996-2024