Как создать сайт-портфолио с помощью WordPress

Что делает хороший сайт-портфолио?

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

Актуальный дизайн

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

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

Чистый копирайтинг ️

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

Ваша лучшая работа

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

Способ для людей работать с вами

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

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

Вы также можете включить кнопку призыва к действию (CTA) с вашей контактной информацией на других ключевых страницах, например на странице «О нас» .

Как создать сайт-портфолио на WordPress

• Шаг 1 : Выберите доменное имя
• Шаг 2 : Выберите веб-хостинг, подходящий для портфолио
• Шаг 3 : Выберите тему портфолио
• Шаг 4. Настройте необходимые плагины для запуска сайта-портфолио.
• Шаг 5. Настройте основные страницы
• Шаг 6 : Продумайте маркетинговый план

Шаг 1: Выберите доменное имя

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

• Поисковая оптимизация (SEO) . Использование вашего имени в качестве доменного имени гарантирует, что вы будете занимать первое место, когда люди ищут вас. Однако количество людей, которые ищут ваше имя, скорее всего, будет небольшим, особенно в начале. Использование таких ключевых слов, как «независимый писатель» или «веб-дизайнер» в вашем домене, может помочь вам ранжироваться по ключевым словам с высоким трафиком и привлечь больше органического трафика на ваш сайт.
• Будущие возможности . Использование вашего имени создает впечатление, что люди будут работать именно с вами. Если вы надеетесь превратить свой бизнес в агентство с несколькими профессионалами, вам следует использовать более общее название, которое даст вам возможность для расширения.

Шаг 2: Выберите веб-хостинг, подходящий для портфолио

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

Лучшие веб-хостинговые компании предлагают несколько преимуществ:

• Бесплатная регистрация домена при покупке.
• Бесплатная сертификация SSL для обеспечения безопасности вашего сайта. Веб-сайты портфолио без этой меры безопасности теряют приоритет Google, поэтому вы должны убедиться, что это либо включено в ваш пакет, либо доступно в качестве недорогого дополнения.
• Установка WordPress в один клик , чтобы вы могли сразу же приступить к работе над дизайном и контентом. Некоторые планы также поставляются с предустановленным WordPress.
• Расширенные меры безопасности, такие как защита от DDoS.

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

Если вы ищете доступный, простой в использовании веб-хостинг с гибкими планами, которые могут расти вместе с вашим бизнесом, мы рекомендуем Bluehost. Планы начинаются с 2,75 долларов в месяц и включают бесплатную регистрацию домена + сертификацию SSL. Bluehost также управляет планами WordPress, конструктором веб-сайтов WordPress и пользовательскими темами WordPress, что делает его идеальным выбором, если вы используете WordPress для создания портфолио.

Шаг 3: Выберите тему портфолио

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

Вы можете просмотреть тысячи бесплатных тем WordPress, выбрав «Внешний вид» > «Темы» на панели инструментов WordPress и нажав «Добавить новую» . Многие из этих тем уже оптимизированы для использования в качестве профессиональных портфолио:

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

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

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

Шаг 4. Настройте необходимые плагины для запуска сайта-портфолио

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

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

• Yoast SEO — этот плагин предлагает множество инструментов SEO для улучшения рейтинга как отдельных страниц, так и вашего веб-сайта-портфолио в целом.
• Akismet — этот плагин фильтрует спам, гарантируя, что вы получите только релевантные комментарии и отправленные контактные формы.
• Otter Blocks — этот плагин добавляет новые блоки в редактор Gutenberg. Otter Blocks также дает вам доступ к расширенным параметрам настройки блоков и может использоваться в качестве облегченного конструктора страниц. Вы даже можете использовать его, чтобы добавить красивую галерею портфолио на существующий сайт WordPress.
• Wordfence — этот плагин использует брандмауэр, сканер вредоносных программ и другие инструменты безопасности для обеспечения безопасности вашего портфолио.
• Contact Form 7. Этот плагин упрощает создание контактной формы на вашем веб-сайте и гарантирует, что все заявки на работу попадут в ваш почтовый ящик. Contact Form 7 полностью интегрирован с Akismet для уменьшения количества спама.
• Optimole — этот плагин автоматически оптимизирует изображения для повышения скорости загрузки вашего сайта. Это особенно полезно на веб-сайтах портфолио, поскольку они часто содержат громоздкие изображения, которые могут замедлить работу вашего сайта.

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

Шаг 5. Настройте основные страницы

Установив плагины, вы готовы начать добавлять контент на веб-сайт своего портфолио. В каждом портфолио есть четыре основные страницы:

• Домашняя страница . На этой странице представлена ​​информация о ваших услугах. Вы хотите включить высококачественные изображения, краткое письменное введение в то, что вы делаете, и CTA, направляющий людей проверить вашу предыдущую работу и / или перейти непосредственно на вашу страницу Hire Me . Основные награды, логотипы известных компаний, с которыми вы работали, и 2-3 ваших лучших отзыва также могут отображаться на этой странице.
• О . На этой странице представлено более подробное объяснение того, кто вы и чем занимаетесь. Сосредоточьтесь на своей истории: почему вы занимаетесь этой работой, как вы начали, основные проекты, которые вы завершили, награды, которые вы получили, и тип(ы) работы, которой вы хотите заниматься в будущем. Все детали, включенные здесь, должны быть выбраны так, чтобы подчеркнуть, как вы можете помочь своим клиентам.
• Найми меня . Эта страница расскажет людям, для чего они могут вас нанять и как они могут вас нанять. Он должен включать в себя список ваших услуг, вашу контактную информацию и убедительный призыв к действию, побуждающий людей нанимать вас. Вы также можете указать свои расценки, типичные сроки выполнения различных типов проектов и другую информацию, которая может помочь потенциальным работодателям решить, подходят ли они им.
• Портфолио . Это страница, на которой вы показываете свои лучшие работы. Используйте высококачественные изображения и четкие, краткие описания (под изображением или после того, как кто-то щелкнет), чтобы продемонстрировать каждый проект. Если ваши проекты опубликованы в Интернете, включите ссылки. Если нет, используйте скриншоты. Проекты с несколькими скриншотами можно объединять в галереи.

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

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

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

Шаг 6: Продумайте маркетинговый план

Поздравляем, вы научились создавать сайт-портфолио с помощью WordPress! Итак... больше нечего делать, верно?

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

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

Хороший план онлайн-маркетинга состоит из трех основных компонентов:

• SEO . Несколько страниц с высоким рейтингом могут привлечь тысячи посетителей из Google и других поисковых систем в течение многих месяцев после публикации контента, что делает эту стратегию невероятно ценной. Вы можете улучшить SEO, выбрав SEO-дружественное доменное имя и слоган веб-сайта, а также оптимизировав все свои статические страницы по релевантным ключевым словам. Вы также можете создать блог и использовать ключевые слова с высоким трафиком для создания идей контента, которые будут иметь высокий рейтинг.
• Социальные сети . Вы можете использовать сайты социальных сетей, чтобы делиться проектами, над которыми вы работаете, и информировать людей об обновлениях вашего портфолио или доступности. Вы также можете поделиться отраслевой информацией в социальных сетях, чтобы зарекомендовать себя как эксперт.
• Электронная почта . Вы можете использовать электронный маркетинг, чтобы делиться своей доступностью, объявлять о продуктах и ​​продажах и вообще поддерживать связь с потенциальными клиентами.

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

Заключительный совет о том, как создать сайт-портфолио с помощью WordPress.

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

Нужно вдохновение о том, как создать веб-сайт портфолио ? Ознакомьтесь с нашей коллекцией удивительных дизайнерских портфолио, чтобы увидеть их, прежде чем создавать свои собственные!