Поскольку инструменты no-code становятся все более популярными, вы можете задаться вопросом, как создать веб-страницу no-code в Notion. Вот как начать
Если вам нужна простая веб-страница без кода, Notion – это то, что вам нужно. Это не только одна из лучших программ для ведения заметок и повышения производительности, но и те же самые инструменты, которые можно использовать для создания целевой страницы, чтобы ваши клиенты или последователи знали, где вас найти
Если вы еще не пробовали, это очень похоже на использование обычного текстового процессора. Любопытно, как это работает? Следуйте этому пошаговому руководству, чтобы создать свою собственную веб-страницу без кода в Notion
Начало работы с веб-страницей Notion без кода
Чтобы создать документ веб-страницы, перейдите к пункту Новая страница в левом нижнем углу экрана и выберите Пустая страница. Дайте своей странице название, которое отражает суть вашей веб-страницы, например, название вашего бизнеса, продукта или услуги. Вы можете вернуться и изменить его позже, если придумаете что-то другое, но вы хотите, чтобы люди знали, что они попали в нужное место
Добавление изображения обложки на вашу страницу понятий
Изображения обложки – это отличный способ сделать вашу страницу узнаваемой для ваших подписчиков или клиентов. Чтобы добавить его, выполните следующие действия:
- Наведите курсор в любом месте над заголовком, и появится опция Добавить обложку.
- Notion разместит случайное изображение в верхней части вашей страницы.
- Наведите курсор на изображение и выберите Изменить обложку.
- В меню обложки вы можете добавить изображение из галереи Notion, загрузить свое собственное, поставить ссылку на него или найти его с помощью поиска на Unsplash.
- Если вы используете обложку из галереи, выберите нужное изображение, цвет или градиент.
- В противном случае перейдите в раздел Upload, Link или Unsplash и следуйте инструкциям Notion.
Даже если у вас нет изображения, представляющего бренд вашего бизнеса, вы можете выбрать что-то, что соответствует вашей цветовой гамме— или создать что-то в бесплатной программе для редактирования фотографий, например, Canva. Если вы обнаружите, что изображение вам совсем не нужно, вернитесь в меню обложки и нажмите ‘Удалить’ в правом верхнем углу
Вы можете вернуться к этому позже, если застрянете на выборе изображения
Добавление заголовков и текста на страницу понятия
При создании веб-страницы часто возникает соблазн впихнуть как можно больше информации в одно место. Но подумайте о своих привычках чтения. Если на одной странице слишком много информации или вы смотрите на стены текста, вам будет сложнее найти смысл
Цель состоит в том, чтобы сделать вашу веб-страницу легко читаемой и предоставить достаточно информации, чтобы ваши последователи или клиенты могли сделать следующий шаг. Также полезно организовать эту информацию в заголовках, чтобы они могли быстро найти ее. Вы можете сделать акцент на важном тексте, используя цвета, жирный шрифт, курсив и блоки ‘Вызов’ или ‘Цитата’. Кроме того, вы можете изменить шрифт в Notion, если шрифт по умолчанию вам не подходит
С помощью Notion вы можете легко добавить текст в любое место, просто щелкнув в любом месте страницы и набрав текст. Для заголовков вы можете либо использовать команды, чтобы изменить ваш блок на заголовок до ввода текста, либо выделить текст после и использовать панель инструментов форматирования для замены
Что касается размера, то вы можете выбрать заголовки 1, 2 или 3: H1 – самый большой, H3 – самый маленький. Размер заголовка помогает показать иерархию вашей веб-страницы. Поскольку ваш основной и самый важный заголовок – H1, вы захотите использовать H2 для заголовков и H3 для подзаголовков, чтобы не конкурировать с ним
Кроме того, если у вас есть учетная запись Personal Pro и вы решили включить индексацию поисковых систем, организация информации с помощью заголовков и использование только одного заголовка H1 на странице соответствует хорошей практике SEO
Добавление ссылок на вашу страницу понятий
Чтобы добавить ссылки в текст, выделите его и нажмите кнопку Link на панели инструментов форматирования. Чтобы поставить лайк на электронное письмо, введите mailto: и затем свой адрес, так что он откроет композитор вашего потенциального клиента и поместит его для него. Например, mailto:example@почини-компьютер.рф. Обязательно проверьте, правильно ли вы написали адрес
Некоторые другие ссылки, которые вы можете добавить, это ваши страницы в социальных сетях, портфолио или другие полезные места, где потенциальные клиенты или последователи могут найти вас в интернете
Добавление изображений и видео на вашу страницу представлений
Создание веб-страницы без кода не означает, что она должна быть простой. Используя команды, вы можете вставлять изображения и видео в любое место вашей страницы
- Нажмите прямую косую черту (/) на клавиатуре и начните вводить изображение или видео, в зависимости от того, что вы хотите.
- Выберите его в меню блока.
- Если вы добавляете изображение, выберите между Upload, Embed Link или Unsplash и следуйте инструкциям Notion.
- Если вы добавляете видео, выберите Embed или Upload, и Notion также проведет вас по остальным пунктам.
Как только изображение или видео появится на странице, вы можете перетащить его в любое место с помощью ручки — шести точек слева от вашего блока. Вы также можете поместить его рядом с другим блоком, чтобы создать колонку. Чтобы изменить размер колонок, наведите курсор на блок и используйте направляющие по обеим сторонам. Поиграйте с изображениями и макетом, чтобы понять, что вам нравится
Публикация вашей веб-страницы No-Code Notion
Как только ваша веб-страница будет готова, запустите ее, перейдя в ‘Поделиться’ в правом верхнем углу экрана и включив ‘Поделиться в веб’. Отключите редактирование и комментирование, а также дублирование, если вы не хотите, чтобы кто-то использовал ваш сайт в качестве шаблона. Теперь вы можете использовать ссылку, чтобы поделиться ею с любым желающим
Дважды проверьте свою страницу на наличие ссылок, к которым вы не хотите, чтобы другие имели доступ, включая ссылки на другие ваши страницы Notion
Предложения по созданию дополнительных страниц в Notion
Если вам удобно создавать страницы без кода в Notion, вы можете добавить еще несколько страниц:
Убедитесь, что каждая добавляемая вами страница служит определенной цели, имеет смысл и содержит актуальную и свежую информацию. Меньше – значит больше’ применимо не только к тексту и изображениям при создании веб-сайта
Создание веб-страницы без кода не должно быть сложным
Вы можете сделать свою веб-страницу Notion настолько простой, насколько захотите. Цель состоит в том, чтобы донести до ваших потенциальных клиентов или последователей информацию о том, кто вы и чем занимаетесь. Будьте краткими и организованными, чтобы убедиться, что они поняли суть
А если вы хотите продолжить игру с макетом и изображениями, вы можете продублировать страницу, щелкнув ее правой кнопкой мыши в боковой панели и работая внутри копии, чтобы не потерять предыдущий дизайн
Комментировать