Обратная связь
Оставьте свои контакты, мы сами свяжемся с вами удобным способом связи

Справочник.

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

Формат логотипа - логотип должен быть без фона, в кривых, чтобы можно было изменить текст или цвет, т.е. исходник логотипа в формате: Corel Draw, Adobe Photoshop / Illustrator, *.png без фона.

Формат изображений - чтобы ваш сайт был привлекательным, старайтесь предоставлять максимально качественные фотографии или картинки с минимальным разрешением от 1000 px. Без водяных знаков (добавим если это необходимо, а так же в настройках CMS Bitrix можно сделать эту процедуру автоматической).

Формат текста - в популярных форматах текстовых редакторов: *.txt, *.doc, *.docx, *.pdf.

Форматы медиа-файлов - видео файл в формате *.mpg, *.avi, *.mp3 ссылка на youtube видео.

Домен -

Хостинг -
Домен
Домен — это онлайн-адрес сайта, место его размещения в интернете. С технической позиции доменный адрес — запись в базе данных. Когда пользователь указывает в поисковой строке доменное имя, компьютер понимает, какой сайт необходимо показать и по какому адресу отправить запрос.

Зачем нужны доменные имена
Любой сайт — это набор веб-страниц, которые содержат контент (тексты, изображения, файлы и иные сведения). Страницы вместе со всем содержимым хранятся на веб-сервере — реальном компьютере. Доменное имя — адрес размещения этих страниц. Когда вы вбиваем в поисковую строку домен, браузер понимает, где искать нужный сервер.
Раньше адреса сайтов указывали цифрами. Чтобы найти сайт, пользователь вводил IP-адрес — комбинацию из четырёх чисел, разделённых точками. Но если компьютер может запомнить любое количество числовых комбинаций, то людям сложно удержать в голове несколько сотен IP-адресов. Поэтому цифры заменили на текстовые имена.

Сравните, какой адрес вам будет удобнее запомнить:
195.13.237.73
или
unisender.com
Это два одинаковых адреса. Но один записан как IP-адрес, а другой — как текстовый домен.

Задача доменного имени — упростить запоминание адреса сайта. Именно поэтому в качестве домена предпочтительно выбирать короткое и запоминающееся слово или словосочетание.

Домен также применяют:
  • Для настройки почты. Например, вы приобрели адрес company.com. Если настроить корпоративную почту, пользователи смогут писать вам на email contact@company.com. С этой почты можно отправлять массовые письма через сервис email-рассылок.
  • Для паркинга. К примеру, вы начали разработку сайта, но опасаетесь, что нужный адрес кто-то займёт раньше. Приобретите домен, а затем разместите на нём баннер с уведомлением о скором запуске ресурса.
  • Для переадресации. Она помогает направлять посетителей на другой сайт или страницу. Например, после редизайна домен сайта изменился. Чтобы не терять посетителей, настраивают переадресацию — когда пользователь указывает адрес старого сайта, браузер автоматически открывает новый сайт.
Из чего состоит доменное имя
Домен состоит минимум из двух уровней или частей, отделённых друг от друга точками. Расположены домены по иерархии справа налево: третьего уровня, второго уровня, первого уровня. Иерархический порядок позволяет браузеру оперативно определить искомый сервер и соответствующий запросу сайт. Благодаря иерархии функционирует DNS (система доменных имён).
Первый уровень
Часть имени, указанная справа от последней точки — домен первого уровня, доменная зона или домен верхнего уровня (TLD).
site.com
При регистрации выбирают доменную зону из доступных вариантов. Подробный перечень доменов первого уровня указан на сайте администрации интернет-адресов (IANA).
Регистрацию доменов первого уровня контролирует международная организация ICANN. Она хранит и распределяет общую базу доменных имён.
Домены первого уровня разделяют на два основных типа:
  1. Географические — национальные домены верхнего уровня (ccTLD). Для них используют лишь две буквы с учётом международного кода страны. Например, .eu — Евросоюз, .ru — Россия, .ua — Украина. Такие домены чаще всего обозначают гео-принадлежность сайта. Однако не существует запрета на применение несоответствующего расширения. Иногда для экономии выбирают недорогое доменное имя какой-нибудь небольшой страны.
  2. Тематические — общие домены верхнего уровня (gTLD). Теоретически, они обозначают тематику сайта. К примеру, .com — коммерция, .military — военный, .gov — правительственный. Но никто не проверяет, соответствует ли gTLD каким-либо критериям. Хотя существуют и домены ограниченного использования. Так расширение .int применяют исключительно для доменов международных организаций.
Кроме первого, есть домен нулевого уровня — точка после доменной зоны. Но эту точку игнорируют при указании домена в поисковой строке (site.com.).
Второй уровень
Слева от последней точки — домен второго уровня, он же — основной (материнский).
site.com
Основной домен — уникальная комбинация из букв и цифр, придуманная как название сайта. Выбранный домен второго уровня сначала проверяют на уникальность и лишь потом регистрируют. Второй и все последующие уровни подведомственны регистратору доменов. Это организация, которая аккредитована ICANN. Она может регистрировать новые домены и продлевать уже существующие.
Третий уровень
Слева от основного домена (от предпоследней точки) расположен домен третьего уровня — поддомен или субдомен. Поддомены делят сайт на обособленные разделы. Например, чтобы открыть блог, люди могут ввести поддомен и сразу перейти в соответствующий раздел, минуя главную страницу.
blog.site.com

Поддомены делают структуру ресурса более понятной. С ними не нужно создавать дополнительные адреса для разделов на сайте. К тому же, поисковые системы по отдельности индексируют разделы — их можно по отдельности продвигать в выдаче.
Владелец домена второго уровня вправе образовывать неограниченное число доменов третьего уровня.
В соответствии с приведённой иерархией можно составлять домены последующего уровня. Часть, расположенная слева от третьего уровня домена, будет четвёртым уровнем или суб-субдоменом.
Как выбрать
Для DNS вид домена не играет роли. Что такое домен с позиции информатики? Это любая уникальная комбинация букв и цифр.
Но выбранное наименование имеет значение для аудитории. Например, адрес созвучный с названием компании внушает больше доверия пользователям — они понимают, что попали на официальный ресурс. Посредством доменного имени можно обозначить сферу деятельности — metal-opt.ru, cleaning.ua.
В доменное имя можно добавить ключевые слова, которые соответствуют контенту сайта. Это положительно повлияет на SEO и поможет в привлечении целевой аудитории.
Основные признаки хорошего домена:
  1. Краткость. Выбранное имя должно быть коротким. Так его будет проще написать в поисковой строке.
  2. Запоминаемость. Если люди быстро запомнят адрес вашего сайта, они могут ввести его в поиске по памяти. А вот когда пользователь забыл адрес и начинает искать его в браузере, он вполне может уйти к конкурентам.
  3. Ассоциативность. Желательно, чтобы домен отображал тематику сайта или ассоциировался с компанией. Это помогает запомнить адрес.
  4. Лёгкость произношения. Адрес домена должно быть удобно сообщить в устной беседе или произнести по телефону.
  5. Отсутствие «сложных» букв. Некоторым русским буквам при транслитерации соответствует несколько букв латинского алфавита или одну и ту же букву можно транслитерировать по-разному. Например — русская «ф» может выглядеть как «f» или ««ph», а русскую «и» можно написать как «i» или «y». Постарайтесь избегать таких символов.
Также при выборе доменного имени необходимо учитывать ограничения по написанию. В зависимости от доменных зон требования могут отличаться, но общие правила следующие:
  • общая длина варьируется от 2 до 63 символов;
  • в качестве промежуточных символов можно использовать латиницу, цифры, дефис;
  • название не начинается с дефиса;
  • прописные и строчные буквы равнозначны;
  • при регистрации в зоне .рф или .рус применяют кириллицу.
Что проверить перед регистрацией
У любого регистратора домена предусмотрена расширенная проверка выбранных названий через Whois-сервис, который показывает основные сведения о доменном имени (свободен домен или занят, кто администратор и регистратор, каков период регистрации). Зарегистрировать доменное имя можно, если его не занял другой владелец.
Можно бесплатно использовать Whois-сервис для поиска свободных доменов. Например, проверим у регистратора REG.RU адрес vk.com.
Хостинг

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

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

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

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

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

Как правильно предоставлять контент для сайта
Очень часто сталкиваемся с проблемой получения и обработки контента на стадии разработки дизайна и наполнения сайта. Правильно предоставленную информацию необходимо отправлять по почте в виде прикрепленных файлов к письму или ссылками на облако с описанием в письме, а так же приехать к нам в офис с носителем информации (флешка, жесткий диск, компакт диск).
Для наполнения каталога товаров, необходимо присылать таблицу в формате Excel с названием, описанием и свойствами товара (характеристики) и изображения рассортированные по папкам с названиями товаров или артикля:
Название папки "Мультиварка REDMOND RMC-M31"/"А19874 (артикль)"

Рассмотрим наиболее частые ошибки в предоставлении контента.
Неправильно:
  • файл MS Word/Excel с картинками внутри - качество картинок будет низкое;
  • текст в изображении - невозможность копирования, перепечатывания;
  • ссылка на сайт с текстом: "возьмите информацию от сюда" - что именно и откуда брать остается только догадываться;
  • видеоролик ссылкой на социальную сеть - низкое качество, сложность с копированием и перезаливанием видеоролика;
Правки Заказчика - старайтесь учесть все пожелания до начала работы над дизайном сайта, так как дизайн сайта создается на основе технического задания, а после его утверждения крайне проблематично для нас и затратно для вас вносить изменения.
Допустимые изменения:
  • пункты меню - переименовать, поменять местами, изменить размер;
  • текстовая информация - переименовать, поменять местами, изменить размер и шрифт;
  • изображения - заменить, изменить размер;
  • контактная информация - изменить номер телефона, адрес, e-mail, реквизиты;
Все что входит в рамки Договора: технического задания, дизайна сайта.

Недопустимые изменения:
  • добавление новых страниц - структура сайта утверждается в ТЗ;
  • добавление новых пунктов основного меню - может повлиять на верстку и адаптивность;
  • добавление дополнительных контактов - может повлиять на верстку и адаптивность;
  • добавление текстовой информации в шапку или подвал сайта - может повлиять на верстку и адаптивность;
  • добавление новых функций - абсолютно новое задание для программистов, дополнительное время и деньги;
Все что не входит в рамки Договора: технического задания, дизайна сайта - оплачивается отдельно дополнительным соглашением, приложением к Договору.
Что такое Tilda
Несмотря на то, что этот сервис был давно на слуху, я не воспринимал его в серьез. Не думал, что в конструкторе сайтов может быть что-то интересное. Но теперь почти все дизайнерские проекты я делаю на Тильде. Только изредка ко мне обращаются старые клиенты, которым нужен только макет сайта. Я рассматриваю Тильду не как конструктор сайтов, а как полноценный сервис, который упрощает работу дизайнера-фрилансера. В Тильде есть большой выбор готовых шаблонов, но я ими пользуюсь крайне редко. Больше всего Тильда меня привлекла инструментом «zero block». Это своего рода браузерная версия графического редактора. Благодаря этому инструменту в Тильде можно создать практический любой сайт. Конечно же речь не идёт о сервисах, крупных порталах или сайтах со сложной анимацией (хотя об этом позже, ведь она тоже есть в Тильде). Лендинги, промо-сайты, корпоративные сайты, небольшие интернет-магазины - все это можно эффективно делать в Тильде.

Работа одному
Весомой причиной перехода на Тильду стала возможность работать одному. Когда я создавал сайты на wordpress, на согласования всех деталей с верстальщиком уходило кучу времени и сил, но самое главное - это сложность и увеличение сроков сдачи проекта. Да и в последствии - клиенту будет удобнее работать с визуально понятным интерфейсом CMS Тильды. На Тильде можно создать проект под ключ без сторонних специалистов. Иногда приходится сотрудничать с иллюстраторами, копирайтерами или директологами. Часто нужна помощь программиста, чтобы написать код какого-нибудь калькулятора или слайдера (в Тильду можно добавлять свой html-код, если не хватает функционала).

Намного быстрее
Хотя не совсем… Инструмент «zero block» хоть и напоминает функционал графических редакторов, но это всё-таки браузерный редактор. Например, нельзя увеличивать масштаб, что сильно мешает. В Фигме я создаю макет намного быстрее. Аналогичная работа в Тильде занимает примерно в 2 раза больше времени. НО, когда дизайн создан на Тильде, это уже готовый сайт. Проект будет запущен в разы быстрее, чем по традиционной схеме: дизайн + вёрстка + CMS + выявление багов. Долгая работа в Тильде компенсируется мгновенным запуском сайта.

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

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

Отображение на разных устройствах
В процессе создания сайтов больше всего мне не нравился этап вёрстки и выявления багов. В единичных случаях всё работало хорошо с первого раза. Нужно было следить за тем, чтобы на всех устройствах и во всех браузерах сайт работал так, как задумывалось. В некоторых проектах на это тратилось бóльшая часть времени. Плюс Тильды в том, что во всех браузерах сайт будет отображаться одинаково. Также хорошо реализована работа с адаптивными версиями. Можно адаптировать страницу на 5 разрешений, которые охватывают все устройства.

Анимация
Не разобравшись с анимацией, она может показаться слишком простой. Но функционала анимации в Тильде более чем достаточно. Нужно научиться с ней работать, комбинировать разные виды анимации, чтобы придумывать интересные идеи для сайтов. К тому же к стандартной анимации добавили пошаговую. В «step by step» к каждому элементу можно присвоить анимацию по скролу, по клику, анимацию при наведении и при появлении. Нужно долго и упорно «ковыряться» в пошаговой анимации, чтобы полностью её освоить. Возможностей анимации хватит почти на любой проект, но завоевать топы awwwards не получится.

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

Работа с клиентами
Традиционно со своими клиентами я работаю так:
1 вариант: клиенту нужна будет впоследствии тех.поддержка, значит после получения предоплаты в размере 50%, я создаю и держу сайт на собственном хостинге Тильды, что экономит клиенту 2.000 руб/год.
2 вариант: после сдачи проекта клиент будет работать с сайтом самостоятельно, тогда после получения предоплаты в размере 50%, я создаю новую почту и аккаунт на Тильде. Когда работа утверждена, клиент переводит вторую часть оплаты, и я передаю данные от почты и аккаунта. Иногда у заказчика уже имеется оплаченный аккаунт, и он просит работать на нём. В таком случае я прошу переводить сразу всю сумму.
Конечно, у Тильды есть свои минусы, но для меня плюсов оказалось больше. Раньше идею создания сайтов без верстальщика пытались воплотить множество конструкторов. Самым массовым был Adobe Muse, но из-за большого количества косяков, разработчики перестали поддерживать продукт. Я работал на Muse, и это было очень больно… Есть Readymag, который больше Тильды подходит для дизайнерских сайтов, но в нём не хватает функционала для бизнеса.
Сколько стоит Tilda
1. В чем отличие тарифных планов Personal и Business?
Тарифный план Business включает в себя все то, что есть в плане Personal, плюс позволяет экспортировать код сайтов и создавать до 5 сайтов внутри одного аккаунта (Personal - 1 сайт).

2. Можно ли привязать свой домен к сайту, сделанному на Тильде?
Да. Вы можете использовать свой домен и настроить его привязку к проекту, который сделан на Тильде. Прочитайте инструкцию, как это сделать.

3. Подскажите, что понимается под «Экспорт исходного кода» в тарифе Business?
Экспортируется статичный html плюс все необходимые файлы (картинки, css, js). Сайт пакуется в архив и вам дается ссылка на его скачивание. Просто разархивируйте файлы и скопируйте их к себе на сервер. Вы получите сайт, который будет открываться с вашего сервера и не будет зависим от Тильды. Прочитайте инструкцию, как это сделать.

4. Что будет если я не продлю подписку?
Сайт будет снят с публикации. Данные будут храниться на Тильде в течение 6 месяцев. В любое время вы можете продлить подписку и продолжить вносить изменения в ваш проект. Если по истечении этого срока вы не продлите подписку, данные будут удалены.

5. Чем отличается сайт от страницы?
Сайт может состоять из нескольких страниц (сайт-портфолио, журнал, блог) или из одной страницы (лэндинг пейдж, лонгрид). Разница в настройках: стиль (шрифты, цвета) назначается сайту, к нему же подключается домен.

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

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

7. Что такое white label?
При оплате тарифа Personal или Business на год, в настройках сайта появляется дополнительная опция отключения лейбла "Made on Tilda", который по умолчанию установлен на всех страницах.

8. Есть ли у вас специальные условия для некоммерческих организаций?
Да, мы стараемся поддерживать социальные и некоммерческие проекты. Узнать подробнее можно на сайте.