Если вам нужна простая веб-страница без кода, Notion — то, что вам нужно. Это не только одно из лучших доступных программ для создания заметок и повышения производительности, но вы также можете использовать те самые инструменты для создания целевой страницы и информирования ваших клиентов или подписчиков, где ее найти ты.
И если вы еще не пробовали, это очень похоже на использование обычного текстового процессора. Интересно, как это работает? Следуйте этому пошаговому руководству, чтобы создать свою собственную веб-страницу без кода в Notion.
Начало работы с веб-страницей No-Code Notion
Чтобы создать документ веб-страницы, перейдите к Новая страница в левом нижнем углу экрана и выберите Пустая страница. Дайте вашей странице название, отражающее суть вашей веб-страницы, например название вашей компании, продукта или услуги. Вы можете вернуться и изменить его позже, если придумаете что-то другое, но вы хотите, чтобы люди знали, что они в нужном месте.
Добавление изображения обложки на вашу страницу Notion
Обложки — отличный способ сделать вашу веб-страницу узнаваемой для ваших подписчиков или клиентов. Чтобы добавить один:
- Наведите курсор в любом месте над заголовком, и опция Добавить обложку будет появляться.
- Notion разместит случайное изображение в верхней части вашей страницы.
- Наведите курсор на изображение и выберите Изменение обложки.
- В меню обложки вы можете добавить обложку из галереи Notion, загрузить свою собственную, создать ссылку на обложку или найти ее с помощью поиска Unsplash.
- Если вы используете один из галереи, щелкните изображение, цвет или градиент, который вы хотите.
- В противном случае перейдите к Загрузить, Связь, или Скрыть и следуйте инструкциям Notion.
Даже если у вас нет визуального представления бренда вашего бизнеса, вы можете выбрать что-то, что соответствует вашей цветовой схеме, или создать что-то в бесплатное программное обеспечение для редактирования фотографий как Канва. Если вы обнаружите, что вам вообще не нужно изображение, вернитесь в меню обложки и нажмите «Удалить» в правом верхнем углу.
Вы можете вернуться к этому позже, если вы застряли на том, какое изображение использовать.
Добавление заголовков и текста на вашу страницу Notion
При создании веб-страницы часто возникает искушение втиснуть как можно больше информации в одно место. Но подумайте о своих привычках чтения. Если на одной странице слишком много информации или вы смотрите на стены текста, найти сообщение становится сложнее.
Цель состоит в том, чтобы сделать вашу веб-страницу доступной для просмотра и предоставить достаточно информации, чтобы ваши подписчики или клиенты могли сделать следующий шаг. Это также помогает организовать эту информацию в заголовках, чтобы они могли быстро найти ее. Вы можете выделить важный текст, используя цвета, выделение полужирным шрифтом, курсивом и Вызывать или Цитировать блоки. Кроме того, вы можете изменить шрифт в Notion если стандартная версия вам не подходит.
С Notion вы можете легко добавлять текст в любом месте, просто щелкнув в любом месте страницы и набрав текст. Для заголовков вы можете либо использовать команды, чтобы изменить блок на заголовок перед вводом текста, либо выделить текст после этого и использовать панель инструментов форматирования для замены.
Что касается размера, ваши варианты: заголовки 1, 2 или 3, где H1 — самый большой, а H3 — самый маленький. Размер вашего заголовка помогает вам показать иерархию вашей веб-страницы. Поскольку ваш основной и самый важный заголовок — H1, вы захотите использовать H2 для заголовков и H3 для субтитров, чтобы не конкурировать с ним.
Кроме того, если у вас есть учетная запись Personal Pro и вы решили включить Индексация поисковыми системами, организация информации с помощью заголовков и использование только одного заголовка H1 на странице соответствует хорошей практике SEO.
Добавление ссылок на вашу страницу Notion
Чтобы добавить ссылки в текст, выделите его и нажмите Связь на панели инструментов форматирования. Чтобы поставить лайк на электронное письмо, введите mailto:, а затем свой адрес, чтобы он открыл композитор вашего потенциального клиента и поместил его для них. Например, адрес электронной почты: [email protected]. Обязательно проверьте его и еще раз проверьте, правильно ли вы его написали.
Некоторые другие ссылки, которые вы можете добавить, — это ваши страницы в социальных сетях, страницы портфолио или другие полезные места, где потенциальные клиенты или подписчики могут найти вас в Интернете.
Добавление изображений и видео на вашу страницу Notion
Создание веб-страницы без кода не означает, что она должна быть простой. Используя команды, вы можете вставлять изображения и видео в любое место на своей странице.
- Нажмите косую черту (/) на клавиатуре и начните печатать изображение или видео, как хотите.
- Выберите его в меню блока.
- Если вы добавляете изображение, выберите «Загрузить», «Вставить ссылку» или «Отменить заставку» и следуйте инструкциям Notion.
- Если вы добавляете видео, выберите «Вставить» или «Загрузить», и Notion также проведет вас через все остальное.
Как только ваше изображение или видео появится на вашей странице, вы можете перетащить его куда угодно, используя ручку — шесть точек слева от вашего блока. Вы также можете разместить его рядом с другим блоком, чтобы создать столбец. Чтобы изменить размер столбцов, наведите курсор на блок и используйте направляющие с обеих сторон. Поиграйте со своими изображениями и макетом, чтобы увидеть, что вам нравится.
Публикация веб-страницы No-Code Notion
Когда ваша веб-страница будет готова, запустите ее, перейдя в Делиться в правом верхнем углу экрана и включив Поделиться в Интернете. Отключите редактирование и комментирование, а также дублирование, если вы не хотите, чтобы кто-то использовал ваш сайт в качестве шаблона. Теперь вы можете использовать ссылку, чтобы поделиться ею с кем угодно.
Дважды проверьте свою страницу на наличие всего, к чему вы не хотите, чтобы другие имели доступ, включая ссылки на другие ваши страницы Notion.
Предложения по дополнительным страницам, которые вы можете создать в Notion
Если вам удобно создавать страницы без кода в Notion, вы можете рассмотреть возможность добавления некоторых других страниц:
- портфолио
- Продукт
- Услуга
- История
- Галерея
- Отзывы
- Новости
Убедитесь, что каждая страница, которую вы добавляете, служит определенной цели, имеет сообщение и содержит актуальную и актуальную информацию. Меньше значит больше применимо не только к тексту и изображениям при создании веб-сайта.
Создание веб-страницы без кода не должно быть сложным
Вы можете сделать свою веб-страницу Notion настолько простой, насколько захотите. Цель состоит в том, чтобы поделиться с вашими потенциальными клиентами или подписчиками сообщением о том, кто вы и чем занимаетесь. Держите его кратким и организованным, чтобы убедиться, что они поняли сообщение.
А если вы хотите продолжить экспериментировать с макетом и изображениями, вы можете продублировать страницу, щелкнув ее правой кнопкой мыши на боковой панели и работая с копией, чтобы не потерять свой предыдущий дизайн.
