• Об авторе
  • Блог
  • Музыка
    • Все видео
    • Оркестровые соло
    • Камерная музыка
    • Соло
    • Аудио
  • Журналистика
  • Интернет
  • Контакты
    • Реклама
    • Создание сайтов
    • Legal
Search
  • Facebook
  • Google+
  • Instagram
  • Twitter
  • YouTube
Lifanovsky.com

Lifanovsky.com

Главная > Интернет > Создание сайта: в 1997 и в 2013

Создание сайта: в 1997 и в 2013

11/12/2013 8 комментариев

Старый логотип ММВ

Старый логотип ММВ

Первый сайт мы запустили в 1997. Он назывался Московский Музыкальный Вестник. К сожалению, от его первой версии остался только логотип. Но сайт был сделан в Netscape composer, на фреймах – можете поверить, что выглядел он совершенно ужасно. Хотя определенную популярность снискал. Правда, оформление мы сменили достаточно быстро.

Обложка ММВ

Обложка ММВ

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

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

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

1997: Как сделать сайт?

  • Тег <font>.
  • Тег <table> (чтобы как-то расположить все на странице).
  • Графика в GIF.
  • Разрешение экрана 800 на 600.

2013: Как сделать сайт?

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

1. HTML и CSS

  • Favicon – нужна (тут можно посмотреть варианты).
  • Тач-значки для Apple – вероятно.
  • HTML5
  • Кросс-браузерная совместимость – Старые версии IE будем поддерживать?
  • Скорость отрисовки страниц – Должна быть высокой (это в свете анимационных эффектов, параллакс-скроллинга и т.п.).
  • CSS – Использовать препроцессор (SASS/LESS)? Как этот CSS оформить? Как он работает? Как не отсечь всякие новые фишки и какие браузеры их поддерживают?
  • CSS-трансформашки и анимашки – Когда все это следует использовать? Как сделать хотя бы более или менее интуитивный интерфейс, не сломав мозг ни себе в процессе, ни юзеру, если что-то пойдет не так?

2. Производительность

  • Производительность сервера – Хороший хостер? Низкое время отклика? Вопросы использования памяти. Правильно настроенный GZIP. Apache или NGINX? Может, еще что-то установить, чтобы производительность повыше была?
  • База данных – производительность MySQL и т.д.
  • Кэширование – CMS кэшируется? Каким образом? Настроено правильно?
  • Вес страниц – Javascript и CSS сжаты? Шрифты как грузятся? Картинок не слишком много? Они оптимизированы?
  • Рендеринг – Есть проблемы с прорисовкой страниц или скроллингом?
  • Мониторинг – Pagespeed, YSlow, Pingdom.

3. Код

  • jQuery
  • Минимальное понимание AJAX
  • Vanilla Javascript
  • PHP
  • Другие библиотеки или фреймворки: Bootstrap, Foundation, Genesis и т.д..
  • Исходники – Git?

4. Социальность

  • Страница на Facebook, создать и каким-то образом найти время, чтобы ею заниматься, обновлять и заставить людей ее ЛАЙКАТЬ.
  • Аккаунт в Твиттере.  Фолловить. Отвечать. Контактировать, а не просто постить обновления.
  • Страница на Google+: Google страшно ее хочет, но хотя бы с этим можно пока повременить.
  • Дополнительно: Аккаунт в Инстаграме. Pinterest. Для реальных мазохистов или просто музыкантов – аккаунт в youtube.
  • Социальные кнопки. Вот с этим я всегда страдаю, хотя в последнее время мне отчасти помог Yandex Share. Потому что я знаю, что они нужны, но стандартные варианты идиотские и замедляют страницы. Создать собственные? Виджетом, плагином их ставить, или как? Оформить их как официальные или вые.. придумать что-то свое?
  • Электронная рассылка – Форма подписки на сайте. Размещена нормально? Люди подписываются? Как рассылать – через  Aweber или Mailchimp или…? Насколько часто рассылать? Как оформить письмо? Люди реагируют на рассылку? Сколько людей реально это читает? А письма на мобильниках нормально выглядят? (это тема, потому что возможности использования CSS там не такие большие, как обычно).

5. Дизайн

  • Шрифты – Нет больше ни Arial, ни Verdana. Надо использовать особенные шрифты. Но не надо, чтобы страницы замедлялись и сами шрифты долго грузились. Использовать Google Fonts или разориться на  TypeKit?
  • Типографика – Все должно быть читаемо. Настраивается бесконечно.
  • Шрифты кнопок – Как их использовать? Загружать как отдельный шрифт или?
  • Картинки – Оптимизация. PNG, JPG или GIF. Для фоток использовать Progressive JPEG. Оптимизировать до публикации.
  • Поиск – Поиск на сайте нужен вообще? Какой использовать?
  • Модные фишки в оформлении – За этим вообще не угнаться. Это отдельная профессия и, как правило, человек либо пишет, либо кодит, либо рисует. Одновременно не получится. О чем и речь, в целом..
  • Графика вообще – логотип и все остальное: чем рисовать? Photoshop, Fireworks и т.п.

6. Мобильники

  • Резиновый дизайн или отдельная мобильная версия?
  • Скорость – головная боль, учитывая наш 3G.
  • Дизайн и навигация – работает? Пользователям на мобильниках удобно? Что делать с картинками, дисплеи retina.
  • Тестирование – На скольких устройствах погоняли?

7. SEO

Стоит ли вообще этим заниматься в эпоху, когда Яндекс и Google стараются сами дать все ответы на вопросы?

  • Простейший SEO – header, избегать повторяющихся страниц, какие-то страницы запретить для индексации.
  • Разметка издателя – Это нужно? А нужно использовать rel=”author” и залинковать контент со страницей в гуглоплюсе?
  • Ссылки – я кое-какие сделал, как сделать так, чтобы их заметили и залинковали в ответ?
  • 404 и HTTP Headers – Использовать оригинальную 404 страницу. И проверить, чтобы хедер был корректный.
  • Биржи: стоит ли покупать ссылки?
  • Использовать ЧПУ, но чтобы они были не длинными.

8. Инструментарий

  • Редактор – Какой использовать? Coda 2, Espresso, Dreamweaver, Notepad2?
  • Локальное окружение – настроить локальные сервер и базу данных.  Может, еще что-то, что будет автоматом жать Javascript и CSS?
  • Выгрузка на сайт – FTP? GIT?
  • Бэкап – Помимо серверного, нужен локальный. И не годовой давности желательно.
  • Безопасность – пароли, администрирование сервера (черт! знакомые маги или systemintegra в помощь!, но ведь дорого..), не допускать левый код на сайты. Беречься от спама.

9. Аналитика

  • Статистика посещений – Хорошая вещь, но нужно время, чтобы научиться делать правильные выводы. Варианты: Liveinternet, Яндекс-метрика, Google Analytics.
  • 404 – Откуда пришли и почему получили.
  • Контроль за бесперебойной работой : та же Яндекс-метрика с их смсками, Alertra, Pingdom.

Если коротко – раньше сайты было делать сравнительно легко. Теперь – нет. Особенно, если ты один.

Кстати:

  • DuhDuh
  • Google обгонит Яндекс…
  • Поисковики сошли с ума

Раздел: Интернет Метки: Google, сайты, Яндекс

Предыдущая заметка
Цирк сгорел, и клоуны разбежались
Следующая заметка
Прошло 10 лет

Комментарии

  1. АватарBoris Lifanovsky в Facebook говорит

    11/12/2013 at 20:48

    Не то слово 8)

    Ответить
  2. АватарBoris Lifanovsky в Facebook говорит

    11/12/2013 at 20:50

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

    Ответить
  3. АватарGantchikova Elena в Facebook говорит

    11/12/2013 at 21:01

    Боря сейчас дизайн стал экстракласса. Обожаю!

    Ответить
  4. АватарИрина Осипова в Facebook говорит

    11/12/2013 at 21:59

    (тихо) а ты их еще не делаешь?

    Ответить
  5. АватарJulia Dmitrioukova в Facebook говорит

    11/12/2013 at 23:33

    Да, сейчас в одиночку лучше даже не браться.

    Ответить
  6. АватарCatherine Katya Sokolov Licht в Facebook говорит

    12/12/2013 at 0:19

    Помню ММВ, конечно, помню 🙂

    Ответить
  7. АватарBoris Lifanovsky в Facebook говорит

    12/12/2013 at 2:07

    Юлия Дмитрюкова ЯЕжиуи плакали, кололись.. )))

    Ответить
  8. АватарAndrew Popoff в Facebook говорит

    12/12/2013 at 2:45

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

    Ответить

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.

Борис ЛифановскийБорис Лифановский.
Музыка.
Журналистика.
Интернет.

Instagram Feed

Something is wrong.
Instagram token error.
Подписаться
Еще...

Интересные записи

  • .38
  • Монетизация проектов, связанных с культурой
  • Как продавать рекламу на музыкальном сайте
  • Создание сайта: в 1997 и в 2013
  • Копирайт и копилефт
  • Оленевка, Тарханкут, Крым - как отдохнуть там, где никто из ваших знакомых не отдыхал!
  • Социальные сети для музыкантов: школа выживания
  • Как привести на концерт публику - 7 советов
  • Блог
  • Реклама и продвижение концертов
  • Создание сайтов

Copyright © 2000-2021 Lifanovsky.com · Логотип Copyright © 2001, Игорь Лифановский · Все права удерживаются