Сайт-портфолио за 5 вечеров

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

Дизайн без названия


Вечер №1. Как выбрать домен и хостинг?

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

портфолио1

Покупать домен нужно у крупных и стабильных компаний (например, тот же ukrnames.net и пр. – там регулярно проходят акции, и можно получить SSL-сертификат (необходимый сегодня).

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

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

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

  • Как быстро отвечает техподдержка?
  • Случаются ли проблемы с доступом, как быстро решаются?
  • Помогает ли техподдержка в решении технических вопросов?

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


Вечер №2. Как выбрать CMS, чтобы не менять ее в будущем?

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

портфолио2

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

Хороший вариант – CMS Joomla. Она обладает целым рядом преимуществ:

  1. Простота. Разобраться в установке сайта можно за один вечер, а если нет на это времени, то фрилансеры сделают работу за символическую сумму. Кроме того, в интернете тысячи разнообразных шаблонов – платных и бесплатных, так что, вы наверняка найдете тот дизайн, который покажется по-настоящему привлекательным.
  2. Открытость к изменениям. Joomla распространяется с открытым исходным кодом, поэтому ее можно менять, как душе угодно. Вы можете создать уникальный дизайн, подобрать плагины, заказывать уникальные функции и многое другое.
  3. Удобная панель администратора. Вы сможете создавать и заполнять страницы буквально в пару кликов.
  4. Регулярные обновления. Этот движок постоянно улучшается в соответствии с современными требованиями владельцев сайтов.

Вечер №3. Выбор плагинов

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

Галерея

В какой бы отрасли вы ни работали, вы будете выкладывать какие-то изображения. Для этого прекрасно подойдет FW Gallery Light или FW Gallery Grand. Первая версия – базовая и, что важно, бесплатная, она подойдет тем, кто пока точно не знает, какие требования будет предъявлять к галерее в будущем. Grand – версия, которая обладает продвинутым и существенно расширенным по сравнению с базовым функционалом.

Обратная связь

Понятно, что на сайте вы укажите все свои контактные данные. Но этого недостаточно: нужно предоставить пользователю возможность связаться с вами напрямую. Это положительно влияет на конверсию. Наиболее популярные продукты – Simple Form2 и Creative Contact Form.

Резервное копирование

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

Для этого подойдет Akeeba Backup, который отличается простотой и функциональностью.

Карта сайта

Без SEO сегодня никуда. Карта сайта, или sitemap.xml – файл, необходимый наравне с robots.txt. Он ускоряет индексацию сайта, но вести его вручную – слишком рутинная и долгая работа. Сделайте это при помощи плагина xMap.


Вечер №4. Как продвигать портфолио?

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

SEO продвижение – это продвижение сайта в поисковых системах. Для этого нужно собрать ключевые слова, по которым пользователи вероятнее всего будут искать продукт или услугу. К примеру, вы пишите статьи. Вас интересуют такие запросы, как «копирайтинг», «составление коммерческих предложений» и еще сотни других. Для детального погружения в тему рекомендуем ознакомиться с книгой «SEO: Поисковая Оптимизация от А до Я».

Контекстная реклама – покупка объявлений в выдаче (наравне с SEO) и на сайтах-партнерах. Наиболее крупные сервисы – «Яндекс.Директ» и «Google Реклама». Нужно настроить объявления по тем же ключевым словам, заполнить текст, подобрать картинки, определить целевую аудиторию и многое другое. Одним словом, если вы не разбираетесь в продвижении сайтов, то лучше всего обратиться к специалистам.

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

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


Вечер №5. Какой контент размещать на сайте?

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

портфолио3

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

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


Заключение

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

Прокомментируйте первым.

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>