Задание для программиста — часть 3

Дата публикации:

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

Летающий блог: как скорость сайта зависит от его внешнего вида?

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

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

   "Да и вообще, такой огромный выбор шаблонов в интернете. Неужели я не смогу найти подходящий под мои нужды? Вот еще, деньги кому-то платить!" — это я так думала на тот момент.

   Закончилось это все тем, что я нашла крутой шаблон, в котором настраивалось буквально ВСЕ! Я серьезно. И шапка, и логотип, и слайдер, и ширина колонок для контента. В общем, не вникая в коды и прочие страшные вещи, я могла сделать все, что захочу. Моей радости не было предела!

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

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

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

   Вот тут у меня чуть не случился припадок! Поисковые роботы НИКОГДА не дадут развиться блогу, который заражен неведомой фигней. Это просто тянуло мой блог вниз. А все мои старания: написание статей и прочее являлись бесполезными.

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

Как выбрать базовый шаблон для Вордпресс?

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

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

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

   Представьте, в моем прошлом шаблоне были десятки скриптов, которые висели там «про запас», как я понимаю. И ждали своего часа, когда же я ими воспользуюсь. В то же время,  при проверке скорости в сервисе Google, мне писали: слишком много скриптов, часть из них нужно удалить. Но мы с мужем так и не могли разобраться: что можно удалять, а что лучше оставить. В коде был реальный бардак.

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

Результаты после смены шаблона

   Базовый шаблон, который мы использовали для своих нужд, очень простой и легкий. Поисковые роботы сразу заметили изменения, и после очередного апдейта (ну это когда поисковики приходят к тебе в гости и проверяют, как у тебя дела) у меня показался прогресс. Несколько позиций вылезли на первую страницу по запросам. Это дало мне приток посетителей.

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

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

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

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

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

Как дать задание фрилансеру-программисту

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

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

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

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

Вот небольшая часть задания, которое я составляла. Обратите внимание, что идет не только письменное объяснение, но и картинка.

   Вот несколько пунктов, о которых я бы написала в задании:
1. Разместить шапку и логотип нужным образом, чтобы они попали в видимость с экранов различных размеров.
2. Прописать слоган текстом в нужном стиле (или картинкой, если это невозможно) и расположить его в нужном месте.
3. Установить фон сайта
4. Разместить должным образом футер на блоге
5. Внешний вид, форма и цветовая гамма меню
6. Количество колонок для контента и их ширина
7. Внешний вид анонсов статей
8. Оформление статей и страниц
9. Внешний вид формы комментариев и ее функциональность
10. Внешний вид самих комментариев
11. Социальные кнопки (где и как должны выглядеть)
12. Форма подписки на обновления
и другие элементы, которые вы хотите видеть на блоге.

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

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

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

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

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

Ваша, Елена Исхакова

16 комментариев
  • Андрей Гончаров

    Лена ты уже профи практически становишься.

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

    А через месяц мне фрилансер его изменил практически польностью.

    3 марта 2015-03-03 Ответить
    • Елена Исхакова

      Наверное этот этап поисков должен пройти каждый) Первая проверка на прочность: готов ли ты решить эту проблему или нет?

      3 марта 2015-03-03 Ответить
  • Александр

    Привет.

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

    В любом случае верстка стандартная, CSS и Html...

    Я еще соглашусь по поводу ПФ, но на посещаемости как оно может сказать?

    3 марта 2015-03-03 Ответить
    • Елена Исхакова

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

      3 марта 2015-03-03 Ответить
  • Александр

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

    Ладно, если у вас интернет-магазин, коммерческий сайт и так далее. Зачем заморачиваться с личным блогом?

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

    3 марта 2015-03-03 Ответить
    • Елена Исхакова

      Вот с интернет-магазинами как раз таки не нужно о многом заморачиваться. Хотя бы о том, чтобы сделать его индивидуальным.

      И «чудом» ни у кого ничего не срабатывало. Во всем есть определенные правила. А где же им учиться, как не у тех людей, которые смогли это сделать?

      3 марта 2015-03-03 Ответить
  • Maks

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

    3 марта 2015-03-03 Ответить
    • Елена Исхакова

      И это тоже)

      3 марта 2015-03-03 Ответить
  • Александр

    Нет, как раз таки для интрент-магазина больше заморочек. Ну это не моя тема.

    Я просто не заморачиваюсь тем, что мне не нужно. У кого учиться? У жизни. Отдавать деньги за то, что можно самому узнать?

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

    3 марта 2015-03-03 Ответить
    • Елена Исхакова

      Я думаю, что это одна из составляющих успеха.

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

      Шаблоны и темы для вордпресс разные. Если тебе повезло натолкнуться на хороший или у тебя есть в этом какие-то знания, это замечательно.

      Скрипты — это не главное в нашей работе. Но они и не должны нам мешать. Для этого эта статья.

      Если твой блог развивается так, как ты хочешь, я очень за тебя рада.

      3 марта 2015-03-03 Ответить
  • Александр

    Конечно согласен и все понимаю. Да, с Борисовым загнул, дело действительно в людях.

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

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

    P.S. Меня в штыки не бери, я порой сильно увлекаюсь в подобных дискуссиях. У меня на все свой взгляд. И прошу не принимай как навязывания моего мнения.

    3 марта 2015-03-03 Ответить
    • Елена Исхакова

      Согласна, что можно заказать верстку шаблона с нуля. Это тоже отличный вариант (может даже лучший), но в этом случае задание для программиста должно быть более емким. Нужно продумать буквально ВСЕ. Ну и стоить такая работа будет дороже. Для примера, мой брат делает верстку за 10 000 рублей и это без стоимости работы вебдизайнера.

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

      3 марта 2015-03-03 Ответить
  • Надежда

    изначально пошла не совсем верным путем, на стадии выбор шаблона;- (((. очень торопилась, хотела скорее создать площадку!

    теперь придется расхлебывать, дай Бог сил, терпения и позволь технически!-))

    3 марта 2015-03-03 Ответить
    • Елена Исхакова

      Надежда, может не все так плохо? Почему у вас такие мрачные настроения?

      3 марта 2015-03-03 Ответить
  • Александр

    Очень актуальная тема. За свою практику перебрал и переделал много шаблонов для Вордпресс. Такое впечатление, что многие авторы шаблонов далеки от практики — фоновые картинки по несколько сот килобайт, шаблоны просто кишат тегами аш1 и аш2. А ведь многие новички просто прикрепляют к своему блогу понравившийся шаблон, а потом недоумевают: почему блог тормозит; почему поисковики не жалуют их сайт и т. д.

    13 марта 2015-03-13 Ответить
    • Елена Исхакова

      Александр, я полностью с вами согласна. Кривой шаблон (даже очень красивый снаружи) может свести все начинания на «нет». Если бы мне попалась такая информация в самом начале, я сэкономила бы кучу времени. Потому что приходилось учиться на чужих ошибках, пробовать, ошибаться. Сейчас муж работает над разными сайтами. Вроде бы и шаблон неплохой, навороченный. Но! 10 страниц на нем, 5 картинок, а грузится он дольше, чем информационный портал!

      14 марта 2015-03-14 Ответить

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: