Один из самых крутых моих партнеров Владислав Челпаченко уже 6 ноября проводит 2-й запуск своего весьма успешного проекта — Академии партнерского маркетинга. Вы лично сможете заработать на нем от 18 000 рублей с каждой оплаты, а если станете главным победителем, то плюсом к своим комиссионным получите 1 000 000 рублей наличкой «в чемоданчике»!

Мне посчастливилось стать участником первого запуска Академии Владислава по этой модели в августе, и его показатели просто впечатлили:

— 52% конверсия в страницу подписки

— 30% доходимость до 1-го вебинара, 26% до второго и 21% до третьего.

— 20% конверсия с вебинара в заказ, 68% из заказов в оплату / предоплату

— 905 рублей в среднем принесла каждая регистрация (лид)

Поэтому не откладывайте в долгий ящик: скорее регистрируйтесь в партнерской программе Владислава, изучайте партнерские материалы и быстрее приступайте к делу: грядут великие дела, и я не могу допустить, чтобы вы остались без заработков!

Регистрация здесь >>>

Сообщение Лимонная партнерка — приглашение в партнерскую программу Владислава Челпаченко появились сначала на Создай свой сайт.

Поисковые машины или Поисковые системы – это всем вам знакомые Яндекс, Гугл (Google), Поиск Mail.ru, Bing и другие онлайн-сервисы, с помощью которых пользователи интернета ищут необходимую им информацию.

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

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

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

Вывод из этого примера: кто выше в поиске – тот больше зарабатывает.

Прежде, чем определить место сайта в поисковой выдаче, поисковые системы оценивают его по очень многим параметрам.

Эти параметры разделяются на внешние и внутренние.

Внутренние параметры

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

Внешние параметры

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

Поясним это еще одним примером.

Какому сайту вы будете больше доверять – тому, про который никто не знает, или тому, о котором хорошие отзывы на форумах, который зарегистрирован в тематических каталогах, который упоминается на авторитетных ресурсах и в СМИ?

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

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

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

В эти услуги входит (но не ограничивается ими):

• Регистрация сайта в различных каталогах;
• Размещение ссылок на сайт на сторонних ресурсах;
• Размещение статей о сайте (как со ссылкой, так и без нее) на сторонних ресурсах;
• Создание групп в социальных сетях от имени сайта или размещение постов в чужих группах и пабликах со ссылкой на сайт и так далее.

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

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

Чем больше таких ссылок размещено на разных ресурсах интернета, тем больше авторитетность сайта.

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

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

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

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

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

Проще такие ссылки покупать на специальных сервисах. Один из таких сервисов — ProfLinks.ru.

Сервис ProfLinks.ru

Сервис ProfLinks.ru работает уже много лет и имеет огромное количество положительных отзывов.

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

За 150 рублей сервис разместит 300 ссылок, а за 300 рублей вебмастер может купить 700 ссылок на трастовых ресурсах.

Это качественное размещение вечных трастовых ссылок на Ваш сайт по самым низким ценам в интернете.

Дешевле точно не найдете!

Работа выполняется с предоставлением полноценного отчета, в котором будут указаны все страницы с размещенными ссылками, включая анкоры и ИКС площадки

Воспользовавшись услугами сервиса ProfLinks.ru, вы с минимальными расходами улучшите свои позиции в поисковой выдаче и получите прирост поискового трафика и посещаемости.

Регистрация на сервисе ProfLinks.ru

Сообщение Ссылочная масса. Что такое внешние ссылки, для чего они нужны и как их получить? Лучший сервис. появились сначала на Создай свой сайт.

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

Многие хотят удалённый заработок, но не все готовы долго учиться. Хочется попроще!

А что значит «работа попроще»?

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

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

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

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

Таких, сравнительно простых, профессий в интернете много. Их можно один раз освоить и потом просто выполнять заказы.

Эти профессии максимально востребованы на рынке, и их смогут освоить даже те, кто с компьютером «на Вы».

Эта работа не требует вложений, кроме как на обучение один раз.

Какие же это профессии? Вот список наиболее востребованных:

✔ Специалист службы поддержки

✔ Транскрибатор, редактор

✔ Менеджер продуктов

✔ Технический помощник

✔ Разработчик сайтов

✔ Видео-монтажёр

✔ Веб-дизайнер

Расскажу коротко о каждой из этих профессий.

Специалист службы поддержки оказывает поддержку подписчикам и клиентам. Отвечает на письма, создает почту и ведет онлайн чат на сайте. Также может вести работу по обзвону клиентов. Умеет создавать онлайн-документы, простые и сложные таблицы по заданиям и для совместной работы.

Транскрибатор, редактор — одна из наиболее востребованных интернет профессий. Занимается переводом видео и аудиозаписей в текстовую форму. Работает по конкретным заданиям. Получает оплату за выполненную работу.

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

Технический помощник в идеале создает сайты, лендинги по готовым текстам, умеет создавать оригинальную графику, редактировать и создавать видео.

Разработчик сайтов создает различные сайты для инфобизнесменов максимально качественно и быстро: LP (одностраничники), и блоги (многостраничные сайты) по готовым текстам. Получив достаточные навыки, можно заняться и собственным бизнесом.

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

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

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

У онлайн-профессий множество плюсов:

• Вы достаточно независимы.
• Если не понравился работодатель — не нужно его терпеть. Просто находите нового.
• Вы можете работать не просто дома, а также в парке, в кафе, в деревне, в путешествии, в любом городе (если вдруг понадобилось уехать).

Вы — реально свободны!

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

Потому что работа должна приносить Радость, а не просто деньги.

Протестируйте себя в любой из этих профессий!

Для этого и создан ГОРОД МАСТЕРОВ

Узнать подробнее и выбрать профессию бесплатно >>>

Надеюсь, Вы выберете для себя что-то полезное.

Сообщение Простые интернет профессии, или как получить дополнительный заработок на дому появились сначала на Создай свой сайт.

Курс создан известным инфобизнесменом и бизнес-тренером Александром Юсуповым, или «Сапычем», такой у него творческий псевдоним.

Создание дохода – это всегда планомерный процесс, и, чаще всего, непростой.

Этот курс для тех, кто готов вникать и действовать.

Что такое автоворонки и каковы их преимущества

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

В интернете мало кто покупает с первого раза. Человек должен узнать о товаре подробнее, проявить интерес и тогда, возможно, он будет готов его купить.

Поэтому все продажи в интернете построены по принципу воронок:

1. Привлекли внимание
2. Вызвали интерес
3. Разожгли желание
4. Продали

Автоворонка – это продавец, который работает 24/7,  не просит зарплату и не уходит в отпуск.

Создание автоворонок не требует больших вложений, и они достаточно легко создаются.

Главное – понять технологию. Нужно настроить один раз, а дальше все происходит без нашего участия.

Но полностью автоматического бизнеса не существует, теперь воронку нужно продвигать, чтобы в нее попадали люди.

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

На чем мы будем зарабатывать, кто будет нам платить?

Зарабатывать мы будем на самом популярном направлении – на партнерских программах. ПП – идеальный вариант для начинающих (и не только для них).

Для заработка всегда нужен товар (услуга) Никто не платит деньги просто так.

Большинство начинающих не имеют никакого товара. Если у вас ничего нет – добро пожаловать в партнерки. В Интернете есть миллионы товаров и услуг и у каждого есть партнерка.

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

Возможно, вы уже пробовали заниматься партнерками, и у вас не получилось. Почему?

Частые ошибки начинающих:

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

Александр предлагает такие действия:

• Работа с партнерками, где большие выплаты.
• Использование автоворонок

Плюсы автоворонок:

• Параллельно основной работе
• Без вложений
• Для любого уровня
• Вывод денег на карту или электронные кошельки

Подробнее о курсе

Курс предназначен для тех, кто готов действовать.

Это не схема-однодневка, в данном курсе поэтапно раскрывается реальный процесс заработка.

При планомерной систематической работе вас ждут стабильные результаты.

Вас ждет 19 практических уроков. Курсы Александра Юсупова известны тем, что материал разложен по шагам, отжат от воды и приятно оформлен. Вы все поймете, и сможете повторить.

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

Раскрываются секреты выбора партнерок, которые дают наибольшую прибыль, как зарабатывать с одной продажи от 3000 р до 20000 р и более.

В следующих уроках разбираются проверенные способы продвижения на готовых материалах за счет чужого контента.

И в итоге вы получите 240 площадок для бесплатного продвижения.

Есть много курсов по созданию автоворонок, но особенность этого курса в том, что он ориентирован на работу с высокодоходными партнерками.

Посмотрите на результаты работы автоворонки:

►►►►  А вот и сам курс  ◄◄◄◄

Надеюсь, это именно то, что вам нужно.

До встречи.

Сообщение Партнерские автоворонки. Серьезные комиссии на полуавтомате. Курс от Сапыча появились сначала на Создай свой сайт.

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

Что такое тема Вордпресс

Тема или шаблон WordPress – это определенный набор файлов, определяющий внешнее оформление и некоторые функции сайта.

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

Главной частью является движок – система управления контентом (CMS), шаблон определяет, что будут содержать и как будут выглядеть страницы сайта, а дополняют и расширяют его возможности подключаемые модули – плагины.

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

Для вебмастера важнее внутреннее содержание, то есть наполнение и правильность кода. Когда мы рассматриваем эту сторону, лучше использовать термин «шаблон».

Шаблонов WordPress сейчас разработано огромное количество. Платные и бесплатные, простые и сложные – выбор бесконечен. Их можно скачивать с официального депозитория WP, можно приобретать на сайтах фирм разработчиков, можно заказывать уникальные шаблоны у веб-программистов. Каждый шаблон имеет свое имя.

Как убедиться, что сайт использует WordPress

Как я уже писал ранее, существует много разных CMS: WordPress, Joomla!, Drupal и т. д. Кроме того, сайт может быть создан вообще без использования готового движка, а иметь свой собственный код.

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

Чтобы увидеть код, можно воспользоваться клавишами Ctrl+U, или щелкнуть правой кнопкой мыши на странице и в открывшемся меню выбрать Посмотреть код страницы. В новом окне откроется HTML-код.

Если сайт на WP, то в этом коде можно увидеть такие элементы как wp-content, wp-uploads, wp-includes и т. п. Префикс wp как раз и свидетельствует об использовании WordPress.

Как узнать, какой шаблон использует сайт WordPress

Теперь переходим к главному. Как определить название шаблона сайта? Это тоже легко сделать, анализируя код. Нужно в этом коде найти слово themes. Иногда его видно сразу, но чаще приходится искать. Чтобы упростить эту задачу, используем поиск по странице. Нажимаем сочетание клавиш Ctrl+F и в открывшемся окне вводим themes.

Найденное слово сразу подсвечивается в коде страницы. После него через «слэш» идет название шаблона.

Например, на этом рисунке видно, что используется шаблон simplepuzzle.

А здесь тема reboot

А это код моей страницы.

Здесь после themes встречается root и root_child. О чем это говорит? О том, что в качестве основной взята тема root, но в нее внесены изменения с помощью дочерней темы root_child.

О том, что такое дочерняя тема, для чего она нужна, и как ее создать, я постараюсь написать в отдельной статье.

Выбор шаблона

О том, как выбрать шаблон WordPress, я уже писал, но хочу сделать некоторые дополнения.

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

Я на своем сайте использую тему Root от компании WPShop. О достоинствах этого шаблона много написано, я считаю его одним из лучших вариантов для контентных сайтов или блогов на WordPress.

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

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

До скорых встреч.

Сообщение Как легко узнать тему Вордпресс на чужом сайте или название его шаблона появились сначала на Создай свой сайт.

Говоря о сборе семантического ядра для сайта, мы используем термины «парсинг», «парсить». Что это значит? Попробую объяснить простыми словами, что это такое.

Что такое парсинг (не путать с пирсингом)

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

 

Парсинг – это один из способов автоматического сбора и обработки информации из Всемирной сети.

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

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

Для чего нужен парсинг

Использование этого процесса в информатике очень разнообразно. Перечислить все варианты его применения практически невозможно.

Рассмотрим наиболее важные  примеры.

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

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

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

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

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

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

Как работает парсер

Парсер – это программа, написанная на одном из языков программирования.

Принцип работы парсера довольно прост:

• Скачивается код с веб-ресурса;
• Полученный код «читается» и анализируется. При анализе в нем находятся фрагменты текста в соответствии с заданной маской;
• Полученные данные структурируются по определенным правилам;
• Результат выдается в удобном для пользователя формате: .txt, .xls, .html и т. д.

Достоинства парсинга

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

На первое место я бы поставил скорость. Парсер быстро обрабатывает огромные массивы данных.

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

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

Виды парсинга

Парсить можно самые разные данные, и поэтому этот процесс можно разделить на несколько видов.

Анализ аудитории

Парсинг аудитории – это сбор различных сведений о посетителях сайтов, интернет-магазинов, соцсетей.

Собираются при этом самые разнообразные данные, начиная с простых, как ФИО, пол, возраст, образование, местоположение, и заканчивая такими, кажется, неочевидными, как интересы, наклонности в какой-то области и многое другое.

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

Парсинг товаров

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

Парсинг сайтов

Парсить сайты можно для разных целей.

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

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

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

Другое направление, где необходим парсинг сайтов – это их аудит. Например, я также писал о программе Smart  Seo Auditor, с помощью которой можно выполнить  SEO-аудит как своего, так и чужого сайта.

Утилита парсит сайт, находит заголовки страниц (title, h1-h6), описания (description),  изображения с их характеристиками и многое другое, и результаты выдает в виде удобной таблицы.

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

Технические и этические проблемы

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

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

Я не раз встречал в Интернете сайты, на которых опубликованы статьи, полностью скопированные с моих веб-ресурсов. И хотя там присутствует ссылка на первоисточник, это не очень приятно.

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

Надеюсь, теперь вам понятны термины «парсинг», «парсить», что это значит, и для чего делается.

Сообщение Парсить — что это значит, парсинг и парсер — что это такое простыми словами появились сначала на Создай свой сайт.

Что такое SMM

SMM – Social Media Marketing (маркетинг в социальных сетях) – это определенная работа по взаимодействию с людьми (потенциальными клиентами) в социальных сетях (Вконтакте, Одноклассники, Twitter, Facebook, Instagram и т. д.). Цель этой работы – информировать аудиторию о товарах или услугах, используя для этого рекламу, увлекательный контент или прямое общение.

СММ-менеджер – кто это

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

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

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

Его главная задача состоит в рекламировании услуг или товаров в сети Интернет.

Чем занимается SMM-менеджер

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

Каковы же обязанности смм-менеджера?

1. Создание сообщества в разных социальных сетях, подбор его названия, внешнее оформление.
2. Разработка SMM-стратегии.
3. Создание контент-плана, подготовка материалов для публикации.
4. Создание и публикация контента.
5. Привлечение подписчиков, создание целевой аудитории, поддержание активности в группах.
6. Создание рекламных кампаний.
7. Аналитическая работа.

Для кого эта профессия?

SMM-менеджер – профессия творческая и очень многогранная. С одной стороны, смм-щик – это «технарь», разбирающийся в компьютерных  программах (Photoshop, Excel и др.), умеющий работать с цифрами, аналитикой, с другой – «гуманитарий», умеющий писать интересные и грамотные тексты, разбирающийся в веб-дизайне. Такой специалист должен знать основы психологии, быть общительным, уметь заводить контакты.

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

Какие зарплаты у смм-специалистов

Так как эта профессия не имеет жестко ограниченных обязанностей, то и уровень заработной платы заметно варьируется. Если в Интернете поискать вакансии в области SMM, то можно найти предложения для специалистов без опыта с зарплатой от 20000 до 60000 рублей.

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

Как стать smm-специалистом

Обучаться профессии SMM можно различными способами:

Самообразование

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

Ассистент специалиста

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

ВУЗы

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

SMM-менеджер – курсы онлайн

По моему мнению, онлайн-курсы – оптимальный вариант для получения этой интересной профессии. Таких курсов сейчас много, они разные по длительности и объему предоставляемой информации. Средний срок обучения составляет 5-6 месяцев, и по окончании их вы сможете работать и зарабатывать от 50000 рублей в месяц.

В качестве рекомендации могу предложить такие проверенные курсы:

Онлайн-университет TEACH-LINE.

Университет интернет-профессий «Нетология»

Где искать работу smm-специалисту

Вариантов трудоустройства у специалистов по SMM много:

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

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

Удаленная работа становится все более популярной. Интернет дал людям возможность работать, находясь в любой точке мира.

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

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

Заключение

Я постарался достаточно подробно и просто описать деятельность специалиста по SMM, чтобы вы могли найти ответ на вопрос: SMM-менеджер – это кто?

Следует добавить, что сейчас самое благоприятное время, чтобы овладеть этой специальностью. Потребность в smm-специалистах растет, и еще долго не достигнет насыщения.

Сообщение SMM-специалист – кто это, чем занимается, обучение онлайн появились сначала на Создай свой сайт.

Что такое браузер

Все действия компьютер выполняет с помощью программ.

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

Для посетителя веб-страница — это контент, содержащий текст, картинки, меню, кнопки, ссылки и т. д., отформатированный определенным образом.

Для сервера страница – это код, написанный с использованием языков HTML, CSS, Java-script. Браузер можно считать переводчиком, который преобразует этот код в видимую нам страницу сайта.

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

Функции браузера

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

Обработка запросов пользователя и открытие Web-страниц.

Скачивание различных файлов: документы, картинки, фильмы, музыка, программы и т. д.

Хранение данных: браузер может хранить пароли для доступа к сайтам, использовать закладки для важных ресурсов, сохранять историю посещений.

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

Интернет-торговля уже стала обычным явлением.

Онлайн образование приобретает все большую популярность.

Современные браузеры имеют встроенные функции защиты от вредоносных программ, блокирующие опасные сайты или предупреждающие об угрозе.

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

Немного истории

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

Самый первый веб-обозреватель был создан в 1990 году под руководством небезызвестного Тимоти Джона Бернерса-Ли, одного из создателей Всемирной паутины и автора многих других значительных разработок в области информационных технологий и Интернета.

Однако первым браузером, выпущенным для массового использования, стал Mosaic, созданный компанией NCSA в 1993 году. Он уже имел графический интерфейс и мог отображать текст, таблицы, списки и картинки.

Код этой программы послужил основой для браузеров Netscape Navigator и Internet Explorer, между которыми и разгорелась та самая «война браузеров», которую тогда выиграл IE за счет бесплатного внедрения в ОС Windows. Но прогресс не стоит на месте, и браузер от Microsoft был постепенно отодвинут на задний план такими конкурентами как Mozilla Firefox, Opera, Google Chrome.

В статье «Полезные расширения для браузера Google Chrome» я уже приводил в пример анимацию, которая показывает конкуренцию браузеров с 1996 по 2019 годы. Она очень наглядная, поэтому поставлю ее еще раз.

Популярные браузеры

На настоящий момент создано более 60 различных браузеров, но, что естественно, среди них есть несколько «лидеров», которыми пользуется большинство пользователей.

Первое место на сегодняшний день занимает обозреватель Google Chrome, созданный компанией Google. Он появился позже большинства своих конкурентов в 2008 году, но быстро обошел их по количеству установок и стал признанным лидером.

Обозреватель имеет высокую скорость загрузки страниц, надежную защиту, возможность синхронизации с аккаунтом в Google, режим «Инкогнито». Для него разработано множество расширений на самый разный вкус и для разных целей.

Самый старый из использующихся сейчас браузеров – обозреватель Internet Explorer. В конце прошлого века он был монополистом на рынке браузеров, что и привело к его постепенному упадку. Помню, я был очень сильно, но приятно удивлен, отказавшись от этого браузера в пользу Мозиллы и Оперы. Оказалось, что веб-страницы могут открываться быстро, а не зависать на неопределенное время.

Как бы спохватившись, компания Microsoft активно взялась за улучшение своего детища, и последние версии IE стали уже более быстрыми, защищенными и стабильными, а вместе с выходом Windows 10 был представлен и новый браузер Microsoft Edge, который пришел на замену устаревшему IE. Он постоянно обновляется, его популярность растет, но, как говорится «авторитет легко потерять, но сложно заработать», и пока новому обозревателю далеко до лидеров.

А в лидерах, кроме Google Chrome, остаются Mozilla и Opera, каждый из которых пользуется большим спросом благодаря хорошей скорости и наличию интересных и уникальных особенностей.

В 2012 году компанией Яндекс был создан собственный браузер, который завоевывает рынок быстрыми темпами. Происходит это по двум основным причинам. Во-первых, это действительно хороший браузер. Он быстрый (турбо режим), имеет возможность чтения статей без загрузки графики и другие достоинства. Во-вторых, Яндекс всеми возможными способами, иногда не очень честными, старается заставить пользователя установить Яндекс.Браузер.

Отдельно следует отметить браузер Apple Safari. Уже из названия видно, что он разработан компанией Apple и устанавливается на устройства с iOS и Mac OS. Раньше этот браузер можно было скачать и установить на Windows, но сейчас такой возможности нет.

Я перечислил наиболее известные браузеры, но есть еще много других, которые имеют определенное количество почитателей. Например, хочу отметить необычный японский обозреватель Lunascape. Его необычность заключается в следующем. В основе каждого браузера лежит так называемый движок, то есть основной программный код для преобразования языков HTML, CSS, XML … таких движков несколько, но наиболее популярны три: Webkit, Presto и Gecko. Так вот, в браузере Lunascape используются все три движка. Одну вкладку можно открыть с помощью движка Webkit, другую – Presto и т. д. Это может быть интересно для вебмастеров при создании сайтов.

А какой браузер используете Вы? (Опрос)

Характеристики браузеров или как выбрать себе обозреватель

Итак, как видите, браузеров очень много, но как выбрать программу под себя.

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

Поддержка современных стандартов.

Был период в развитии Интернета, когда происходило активное обновление языков HTML, CSS, XML и, соответственно, программного обеспечения, их использующего (браузеры, веб-редакторы). В это время можно было довольно часто столкнуться с тем, что один браузер поддерживает какие-то новые стандарты, другой – еще нет, поэтому сайты могли отображаться в разных обозревателях по-разному. Веб-мастерам приходилось идти на какие-то ухищрения, чтобы внедренные новшества выглядели везде одинаково.

Безопасность.

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

Функциональность.

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

Удобство для пользователя. Интерфейс программы тоже играет большую роль. Именно простой и интуитивно понятный интерфейс Google Chrome во многом позволил ему занять лидирующие позиции.

Расширения (плагины)

Возможности браузера можно расширить, устанавливая в него дополнительные модули, которые называют расширениями или плагинами. Многие браузеры имеют так называемые магазины, в которых находятся проверенные расширения для данного обозревателя. Например, в статье «Расширения для браузера Google Chrome» я написал о некоторых расширениях для этого обозревателя, и о том, как их установить.

Как пользоваться браузером

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

Навигация

Хотя обозреватели имеют разный внешний вид, у них есть сходные элементы интерфейса.

«Адресная строка» — поле, куда вводится адрес сайта. Обратите внимание, браузер сохраняет историю посещений, и поэтому часто достаточно ввести только первые буквы, и появятся подсказки, из которых можно выбрать нужную.

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

Кнопки «Вперед» и «Назад» позволяют перемещаться на предыдущие страницы или, опять на последующую.

Кнопка «Обновить» служит для перезагрузки страницы, если она не загрузилась правильно, или, если нужно обновить информацию на ней.

Кнопка «Домой» возвращает на страницу, которая у вас установлена в качестве домашней или стартовой.

Окна и вкладки

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

Чтобы открыть новую вкладку, используют кнопку «+» на панели вкладок, но чаще удобнее использовать правую кнопку мыши. Если на ссылке щелкнуть ПКМ, то в контекстном меню можно выбрать команду Открыть в новой вкладке.

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

Скачивание изображений и файлов

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

Для скачивания файлов обычно есть кнопка «Скачать», и после нажатия на нее файл автоматически сохраняется в папке Загрузки (Downloads). В настройках браузера можно найти расположение этой папки и изменить по своему усмотрению.

Использование закладок

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

Второй способ сохранения ссылок на важные ресурсы – использование визуальных закладок. Есть много расширений для внедрения такой функции. Например, я использую расширение для Google Chrome Speed Dial [FVD] .

Сохранение истории посещений

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

Хранение паролей

Это еще одна полезная функция, используемая в современных браузерах.

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

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

P. S. Brave — браузер, который платит

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

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

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

И, в-третьих, еще одно немаловажное преимущество. Браузер позволяет на нем зарабатывать. Brave платит пользователям за просмотр рекламы и имеет реферальную программу, которая выплачивает за приглашенных пользователей от 2 до 7,5 долларов.

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

Скачать браузер Brave с официального сайта

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

До скорых встреч.

Сообщение Браузер — что это такое и для чего он нужен простыми словами. Руководство для чайников появились сначала на Создай свой сайт.

Что что такое ip-адрес, и для чего он нужен

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

Каждый компьютер, подключенный к сети, имеет свой уникальный 32-битный ip-адрес.

Что это значит? А это значит, что в двоичной системе счисления этот адрес будет записан с помощью последовательности из 32 цифр (0 и 1).

Например, так

11000000 10101000 00001010 00110100

Чтобы подсчитать количество возможных комбинаций, нужно 2 возвести в 32 степень

2³² = 4 294 967 296, то есть получается, что, используя такую систему адресации, можно соединить в сеть около четырех миллиардов компьютеров.

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

192.168.10.52

Таким образом, получается, что ip-адрес состоит из 4 чисел, разделенных точками. Каждое число лежит в диапазоне от0 до 255.

Компьютерные сети могут объединять различное количество абонентов, есть сети большие и маленькие. Для того, чтобы наиболее рационально распределять адреса, их разделили на три класса: A, B, C.

Первые биты адреса указывают на тип класса, последующие на адрес сети, и последняя группа – адрес компьютера в сети.

Подробнее можно посмотреть в таблице:

Получается, что сети класса А большие, каждая может содержать 2²⁴ = 16777216 компьютеров, но таких сетей мало (2⁷ = 128), всего 128 сетей.

А вот сети класса С – маленькие, могут содержать до 256 компьютеров, зато их может быть очень много.

Чтобы определить класс сети, достаточно посмотреть на первое число в ip-адресе:

класс А – число от 0 до 127;

класс В – число от 128 до 191;

класс С – число от 192 до 223.

Вам будет интересно: Что такое доменная система имен в интернете и как она формируется

Виды ip-адресов

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

Статические и динамические адреса

Статический ip – это адрес, который не меняет своего значения при переподключении компьютера. Такой адрес выдается провайдером и прописывается в свойствах сетевой кары. В некоторых случаях такой адрес позволяет усилить безопасность подключения к некоторым Интернет-ресурсам.

Динамический адрес меняется в определенном диапазоне при каждом подключении. Такой адрес выдается автоматически устройством (маршрутизатором) к которому подключен компьютер.

В большинстве случаев домашние компьютеры, подключенные к Интернету, имеют динамические адреса. То же можно сказать и про устройства, использующие SIM-карту.

Внешний и внутренний адрес

Такое разделение используют, когда имеют дело с локальными сетями.

Например, некоторая организация имеет 30 компьютеров, объединенных в локальную сеть, и через роутер подключенных к Интернету. В этом случае компьютеры будут иметь внутренние ip-адреса, присвоенные им маршрутизатором. Обычно для таких локальных сетей используются адреса в диапазоне от 192.168.0.0 до 192.168.255.255.

Сам же маршрутизатор будет иметь в этом случае два адреса, с одной стороны – внутренний из того же диапазона 192.168.***.***, с другой стороны – внешний, присвоенный ему провайдером и видимый из Интернета. Маршрутизатор является шлюзом (посредником), через который локальные компьютеры обмениваются информацией с Интернетом. Именно на его внутренний айпи отправляются все запросы из локальной сети.

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

Если ваш компьютер не входит в состав локальной сети, а напрямую подключен к Интернету, то внешний и внутренний айпи – это одно и то же.

Версии IP

IP – это сокращение от Internet Protocol, то есть это протокол (правило), на котором основана система адресации. Рассмотренная выше 32-битная система относится к четвертой версии протокола – IPv4.

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

Поэтому на смену IPv4 приходит IPv6 (шестая версия). В этой версии длина адреса составляет уже не 32 бита, а 128 битов. Записывается такой адрес с помощью 16-ричной системы счисления. Например,

F5B2:2503:AA10:0001:00FB:0000:0DB8:2001

Количество адресов в такой системе 2¹²⁸ – практически неограниченно.

Как узнать ip-адрес

Сделать это очень просто. Есть несколько вариантов.

1 способ

Открываем Яндекс и в поисковой строке набираем «мой айпи» или «мой ip». После нажатия на Найти сразу получаем ответ

Если перейти по полученной ссылке, можно перейти в ЯндексИнтернетометр и получить больше информации о соединении, а также измерить его скорость.

2 способ

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

Для определения внутреннего адреса в локальной сети также есть разные способы.

1 способ

Использование интерпретатора командной строки. Для этого используем команды Пуск – Все программы – Стандартные – Командная строка

и в этой строке пишем команду ipconfig. Нажимаем Enter и получаем результат.

2 способ

В Панели управления открываем Центр управления сетями и общим доступом и щелкаем на активном подключении. Далее жмем на кнопку Сведения и смотрим результат

3 способ

Иногда в локальной сети устройствам присваивают статические адреса. Для этого опять Центр управления сетями и общим доступом и слева щелкаем Изменение параметров адаптера, потом правой кнопкой открываем Свойства адаптера – Протокол Интернета версии 4 – Свойства. В открывшемся окне можно не только посмотреть ip-адрес, но и изменить его

Как определить адрес сервера, на котором находится сайт

Это можно сделать с помощью того же сервиса 2ip. После перехода на сервис находим кнопку Хостинг сайта, щелкаем по ней, и на открывшейся странице вводим доменное имя сайта, жмем Узнать и получаем искомые данные.

Прочитайте также: Какой хостинг выбрать

Что такое MAC-адрес

Иногда ip-адрес путают с так называемым MAC-адресом, поэтому вкратце напишу и о нем.

MAC-адрес есть у каждого устройства, которое можно подключить к сети. Я написал «можно», так как этот адрес есть и в том случае, когда устройство никуда не подключено. Его даже адресом называть не совсем правильно. MAC – это идентификационный номер устройства, который присваивается ему в момент создания. Он не может изменяться, как айпи, это постоянная и неизменная величина. Например, в телефоне его можно посмотреть в настройках (О телефоне).

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

Выглядит эта величина так

45-D4-52-A3-B7-21

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

Можно ли по ip-адресу найти человека в Интернете?

Такой вопрос иногда возникает, особенно в связи с какими-то неправомерными действиями. Сразу следует отметить, что вопрос этот не совсем корректно сформулирован. Айпи принадлежит устройству, подключенному к Интернету, а не человеку, поэтому правильнее было бы спросить: «Можно ли найти компьютер, с которого осуществлялся выход в Интернет?»

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

Есть мнение, что, если внешний айпи динамический, то его нельзя определить. И это не так. На сервере провайдера в специальный log-файл записывается вся информация о выданных ip-адресах.

Так что определить компьютер по айпи можно. А вот определить человека, который работал за этим компьютером это уже задача «Шерлока Холмса» с криминалистикой, дедукцией и другими методами.

Итак, думаю, что я достаточно простыми словами объяснил, что такое ip-адрес, для чего он нужен, и как его определить.

До скорых встреч.

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

С появлением компьютера и развитием Интернета в наш лексикон ворвалось много новых терминов. Один из них – кэш. Что это такое простыми словами? Попробуем в этом разобраться.

Общие понятия о кэше

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

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

Процесс сохранения информации в кэш называют кэшированием.

Для более ясного понимания, что такое кэш, можно привести такую аналогию.

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

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

Типы кэша

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

• Аппаратная реализация;
• Программная реализация.

Рассмотрим эти способы немного подробнее.

Аппаратная реализация

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

Например, жесткий диск имеет специальную микросхему в качестве такого хранилища.

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

Программная реализация

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

При программном кэшировании размер кэша зависит от размера свободного дискового пространства, а скорость загрузки – от типа носителя.

Кэширование на компьютере

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

Кэшированием можно назвать и использование так называемого файла подкачки, который создает ОС на диске ПК.

Как известно, при работе компьютера файлы программ и обрабатываемые данные загружаются в оперативную память для более быстрого доступа к ним. Но этой памяти может быть недостаточно, тогда часть данных отправляется в файл подкачки, который играет роль дополнительного ОЗУ. Объем этого файла регулируется ОС и тем самым компенсируется недостаток оперативной памяти.

Что такое кэш на телефоне

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

   или 

Что такое кэш браузера

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

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

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

Кэш центрального процессора

Процессоры имеют огромную скорость обработки данных, которую не может обеспечить оперативная память. Именно поэтому центральный процессор использует кэширование, при этом он имеет 2-3 уровня кэш-памяти, которые обозначаются L1-L2 (Level 1-3). Уровень L1 имеет наименьший объем, но наибольшую скорость работы. Он работает на той же частоте, что и процессор. Последующие уровни имеют соответственно меньшую скорость работы, но больший объем. Иногда кэш-память центрального процессора называют сверхоперативной памятью.

Очистка кэша

Нужно ли чистить кэш? Вернемся к нашей аналогии с библиотекой и рабочим столом.

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

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

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

Как очистить кэш браузера

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

Google Chrome

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

В открывшемся окне ставим галочки для тех данных, которые нужно удалить, выбираем временной интервал и нажимаем Удалить данные.

Mozilla Firefox

Аналогично, заходим в Меню, открываем вкладку Настройки,

выбираем раздел Приватность и защита

и находим пункт Куки и данные сайтов.

После нажатия также в открывшемся окне выбираем, что нужно удалять.

Opera

Точно также идем в Меню Простые настройки и прокручиваем его до пункта Очистить историю посещений

После нажатия на кнопку открывается окно, в котором отмечаем данные,подлежащие удалению и жмем Удалить данные.

Универсальный метод

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

Ctrl+Shift+Delete,

который сразу открывает нужное окно.

CCleaner

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

CCleaner  — наиболее известная из них. Она предназначена для очистки и оптимизации компьютеров с ОС Windows.

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

CCleaner — программа очень полезная, и я считаю ее одной из обязательных для установки на компьютер.

Программа Glary Utilities

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

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

Кэширование сайта

Этот вопрос наиболее актуален для веб-мастеров.

Страницы сайта могут кэшироваться на нескольких уровнях.

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

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

Очень много (большая часть) сайтов создано с использованием различных CMS (WordPress, Joomla!, Drupal …). Для таких ресурсов уже разработаны готовые решения для кэширования в виде плагинов или расширений.

Например, самый популярный движок WordPress может использовать такие плагины кэширования:

• WP Rocket,
• W3 Total Cache,
• WP Super Cache,
• WP Fastest Cache,
• Comet Cache,
• Cache Enabler и многие другие.

Каждый из них имеет свои возможности и настройки. Я использую на своих сайтах плагин Hyper Cache. Он бесплатный, легко настраивается и неплохо справляется со своими обязанностями.

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

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

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

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

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

Почему именно этот браузер? Все просто – на настоящий момент это самый популярный обозреватель. Конечно, есть огромное количество сторонников других браузеров, например, Оперы или Мозиллы, но статистика пока на стороне Google Chrome.

Кстати, изучая этот вопрос, наткнулся на интересную анимацию, показывающую конкуренцию браузеров на рынке с 1996 по 2019 годы. Посмотрите, это интересно.

Что такое расширение для браузера?

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

Расширение для браузера – это дополнительная программа, работающая совместно с обозревателем и добавляющая ему новые полезные функции.

Для браузера Google Chrome таких расширений сейчас разработано очень много. С некоторыми из них я и хочу вас познакомить. Надеюсь, они будут вам полезны.

Как устанавливать и удалять расширения для браузера Google Chrome

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

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

Как только нужное расширение найдено, нажимаем Установить, подтверждаем установку, и через несколько секунд на верхней панели браузера появляется значок расширения, позволяющий его активировать.

На вкладке Расширения есть возможность включать и выключать их или совсем удалять.

А теперь перейдем непосредственно к рассмотрению самих расширений.

Расширения для браузера Google Chrome

FireShot – расширение браузера для создания скриншотов

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

Главным ее недостатком я считаю невозможность получения снимков за пределами окна браузера.

Colorzilla – расширение для определения номера цвета

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

What Font – расширение Google Chrome для определения названия шрифта

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

MeasureIt! – экранная линейка

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

Resolution Test – меняет разрешение окна браузера

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

Google Dictionary – расширение-переводчик

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

OneTab – одна вкладка

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

URL Shortener – укорачиватель ссылок

О сокращении ссылок я писал подробно в статье «Как сократить ссылку — сервисы и плагин». Данное расширение еще один из вариантов. Его преимущество – скорость работы. Скопировали адрес, кликнули на значке расширения, и короткая ссылка готова. Кроме ссылки создается QR-код.

Dualless – программка для разделения окна браузера

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

RoboForm Lite — сервис хранения паролей

Существует много сервисов и программ для хранения паролей. О некоторых я писал в статье «Где хранить пароли и логины?». Сам я пользуюсь программой KeePass.

Статистика сайтов от LiveInternet.ru и LiveInternet Статистика

Это два расширения для определения посещаемости сайта. О первом я подробно писал в статье «Как узнать количество посещений сайта: сервис Liveinternet и полезное расширение к браузеру». Его преимущество заключается в том, что одним щелчком можно определить посещаемость любого сайта (своего или чужого), если на нем установлен счетчик LiveInternet с открытым доступом.

Второе расширение просто открывает страницу сайта LiveInternet.ru и, если у вас есть доступ, можно посмотреть полную статистику, которую предоставляет этот сервис.

RDS bar

Расширение для анализа основных показателей сайта: ИКС, AR, Alexa Rank, входящие и исходящие ссылки и т. д.

Yandex Wordstat Assistant и Yandex Wordstat Helper

Два похожих расширения, которые встраиваются на страницу Yandex Wordstat и помогают собирать ключевые слова. Функций немного, но они сокращают время работы с сервисом.

CSSViewer – просмотр стилей веб-страницы

С помощью этого плагина можно быстро посмотреть CSS-стили для любого элемента страницы. Простой и удобный инструмент в помощь верстальщику.

SEO META in 1 CLICK – расширение браузера для SEO-анализа сайтов

Инструмент будет полезен для тех, кто занимается оптимизацией сайта.

Его возможности:

• Проверка основной SEO-информации о сайте: мета-теги, ссылки, скрипты.
• Показ заголовков в виде HTML (H1, H2, H3, H4, H5 и H6),
• Количество изображений с и без ALT в 1 клик.
• Просмотр количества и содержимого всех ссылок.
• Анализ страницы такими инструментами, как Google Rich Snippet, Facebook Debugger, Magestic.
• Проверка robots.txt и sitemap.xml и многое другое

Speed Dial [FVD – визуальные закладки

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

Wappalyzer – информация о технологиях

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

Extensity – расширение для управления расширениями

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

Надеюсь, информация в статье оказалась вам полезной.

А какие расширения для браузера Гугл Хром используете вы и для каких целей. Поделитесь в комментариях.

Сообщение Полезные расширения для браузера Гугл Хром, что это такое и как их установить появились сначала на Создай свой сайт.

В этой статье я хочу рассказать о том, что такое торрент и как им пользоваться (для чайников).

Дело в том, что года два назад у нас сломался телевизор, но мы особенно не расстроились и решили не смотреть его совсем. Тем более, что наше современное телевидение вызывает, мягко говоря, много нареканий.

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

Торрент–технология – что это такое

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

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

Основная терминология

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

BitTorrent – протокол сети, который разработан для обмена файлами. Проще говоря, это единый набор правил, который используется для этого обмена.

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

Торрент-трекер – это сервер, который управляет обменом файлами. На нем ведется учет количества скачиваний, число участников обмена и т. д.

Торрент-клиент – это программа, которая устанавливается на компьютере пользователя, желающего участвовать в обмене по протоколу BitTorrent. Сейчас существует много торрент-клиентов. Наиболее популярные: µTorrent, BitTorrent и т. д.

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

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

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

Пир – тот компьютер, который участвует в обмене. Пиры делят на сидов и личей (личеров).

Сид – тот пользователь, который имеет раздачу в полном объеме и раздает файлы. Первый сид создает раздачу.

Лич – тот, кто скачивает файлы. После того, как лич скачает раздачу, он становится сидом.

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

Установка торрент-клиента

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

Как пользоваться программой

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

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

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

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

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

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

Как загружать файлы на хостинг и скачивать их с него можно прочитать в статье «FTP-клиент менеджера Total Commander».

Настройка торрент-клиента

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

Ограничение скорости

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

В этом случае торрент заберет весь трафик, и остальные пользователи не смогут нормально пользоваться Интернетом.

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

Очередность загрузки

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

По умолчанию стоят значения:

• активных – 8;
• одновременных загрузок – 5.

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

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

Кроме того, скачивание и отдачу можно останавливать и снова запускать с помощью кнопок Стоп и Пуск.

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

Еще одна маленькая хитрость, которая поможет сократить время загрузки и объем загружаемых файлов. Она относится к тем случаям, когда скачивается папка с файлами. Можно указать, какие файлы скачивать, а какие – нет.

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

Другой пример относится к скачиванию книг. Часто бывает, что в папке находится одна и та же книга в разных форматах — .txt, .doc, .rtf, .fb2 и т. д. Можно поставить галочки только для нужных вам форматов, чтобы потом не удалять ненужные файлы.

Кстати, о том как находить и удалять файлы, «съедающие» память вашего компьютера, можно в статье «Как очистить компьютер от мусора с помощью программы WinDirStat».

Настройки расписания

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

Папка назначения

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

Автоматическое включение и выключение

Торрент-клиент может включаться вместе с запуском Windows. Для этого нужно просто поставить галочку в соответствующий чекбокс на вкладке Общие.

Можно также настроить автоматический выход из программы или полное выключение компьютера после завершения загрузок.

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

До скорых встреч.

Сообщение Что такое торрент и как им пользоваться. Пошаговая инструкция для чайников появились сначала на Создай свой сайт.

В этой статье хочу рассказать, что такое релевантность поиска, от чего она зависит, на что влияет, и как ее улучшить.

Что такое релевантность

Говоря упрощенно, релевантность – это соответствие. Но чего и чему? Если мы имеем в виду Интернет, то здесь можно выделить два основных вида этой характеристики:

• Релевантность поиска;
• Релевантность страницы запросу.

В первом случае мы рассматриваем это понятие с точки зрения человека, который ищет информацию. Он вводит запрос, и поисковая система выдает список страниц, которые, по ее мнению, ему соответствуют.

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

Таким образом, релевантность есть понятие, связывающее людей, ищущих ответы на вопросы и вебмастеров, создающих эти ответы.

Одни пытаются найти страницы, релевантные их запросу, другие создают страницы под них.

Факторы, определяющие релевантность страницы

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

Факторы, определяющие релевантность страницы, можно условно поделить на объективные и субъективные.

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

Субъективные факторы, основываются на оценке удовлетворенности пользователем найденной информацией. В этом случае соответствие определяется поведением посетителей сайта.

Что же конкретно влияет на релевантность страницы в поиске? Перечислим основное:

Факторы текстового соответствия

• Наличие правильных мета-тегов title и description;
• URL-адрес страницы;
• Вхождение ключевых слов и фраз в текст, наличие их синонимов и вариантов;
• Альтернативный текст для изображений.

Ссылочные факторы

• Правильная перелинковка сайта;
• Наличие внешних ссылок;
• Качество ссылающихся ресурсов.

Поведенческие факторы

• Посещаемость сайта;
• Время нахождения на сайте;
• Частота отказов и т. д.

Как проверить релевантность страницы

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

Мегаиндекс – сервис, предназначенный для продвижения сайтов. Он имеет инструмент поверки релевантности страниц. Чтобы выполнить проверку, переходим по ссылке, вводим в соответствующие поля запрос и URL, и после анализа получаем результат, показывающий, на сколько процентов она релевантна. Здесь же можно увидеть и некоторые рекомендации по ее улучшению. На сайте можно проводить и групповой анализ документов. По введенной группе запросов сервис найдет соответствующие им страницы, определит числовое значение релевантности, место страницы в поисковой выдаче Яндекса и Google, количество запросов и многое другое. Сервис Мегаиндекс имеет огромные возможности по аудиту сайта, и о нем можно говорить долго.

Сервис PR-CY.ru также позволяет определить релевантность. Переходим по ссылке, вводим запросы и адрес страницы, через некоторое время получаем результаты анализа. Здесь они представлены в несколько ином виде.

И еще один сервис для аудита сайта – majento. После очень простой регистрации переходим на страницу Seo-анализ сайта и выбираем пункт Анализ релевантности. Дальше все аналогично предыдущим.

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

Как улучшить релевантность

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

Основные рекомендации:

• Внутренняя оптимизация: человекопонятные адреса, правильное написание Title, H1, использование H2,H3 … заголовков, корректная оптимизация текста под запросы, форматирование текста (содержание, списки, цитаты, наличие рисунков и т. д.)
• Контент должен точно соответствовать запросу или группе запросов. Он призван рассказать посетителю то, о чем он спрашивает. Поэтому работу над сайтом необходимо начинать с составления семантического ядра. Используйте синонимы и словоформы основных запросов.
• Внутренняя перелинковка. Внутренние ссылки придают дополнительный вес странице. Такие ссылки желательно делать сразу, но можно и через какое-то время после опубликования.
• Внешние ссылки не менее важны, чем внутренние. При покупке ссылок используем релевантные анкоры. Можно оставлять комментарии, содержащие ссылку, в соответствующем контексте. Еще лучше, когда посетители сами делятся ссылками на ваш сайт. Чаще всего эти ссылки релевантны, но для этого ваш контент должен им понравиться.

Итак, отвечая на вопрос «Что такое релевантность?», можно сказать, что это важнейшая характеристика, которая является связующим звеном между посетителем сайта и вебмастером и обеспечивает успешный результат поиска нужной информации.

Сообщение Что такое релевантность поиска, как ее определить и улучшить появились сначала на Создай свой сайт.

Назначение Яндекс Wordstat

Сервис предназначен для изучения статистики и подбора ключевых фраз.

Его используют для:

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

Яндекс Вордстат: как пользоваться

Для того, чтобы работать в Wordstat, необходимо иметь аккаунт в Яндексе. Сервис находится по адресу wordstat.yandex.ru.

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

Левая колонка

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

Число 243399 напротив фразы показывает количество ее показов (а не переходов) за месяц. Оно включает все входящие в него запросы.

Правая колонка

В этой колонке показаны запросы «похожие» на введенный. Я поставил кавычки, потому что похожесть эта довольно субъективна. Правильнее сказать, что в этой колонке собрано, что еще искали люди, вводя данный запрос.

Возможно, вам будет интересно почитать Полезные сервисы Интернета

Яндекс Wordstat: операторы

Существуют основные и дополнительные операторы. К первым относятся «кавычки» и «восклицательный знак».

Кавычки

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

Восклицательный знак

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

Часто эти два оператора используют вместе. Например, если ввести «!Художник !Иван !Шишкин» (кавычки и восклицательный знак перед каждым словом), то мы узнаем, сколько раз в поисковую строку вводили эту фразу в точном соответствии.

Кавычки можно использовать, если нужно получить запросы из определенного числа слов. Например, чтобы получить 3-словные запросы со словом стол, нужно набрать «стол стол стол».

Маленькая хитрость

Все запросы, найденные по какой-либо фразе или слову, обычно не умещаются на одной странице, и можно переходить на 2, 3, … и т. д. Но и количество этих страниц ограниченно, их не может быть больше 41, поэтому нельзя получить список всех запросов. Чтобы увеличить их количество, можно последовательно находить 2-словные, 3-словные и т. д. до семи слов. Таким образом можно собрать практически всю статистику по введенному слову.

Дополнительные операторы

Теперь перейдем к вспомогательным операторам.

Оператор Плюс

Обычно Wordstat не показывает в выдаче предлоги, союзы, местоимения. Чтобы они учитывались, ставим перед ними плюс. Это можно делать для любых слов, которые мы хотели бы увидеть в запросе. Например, боксер +порода.

Обратите внимание, после плюса пробел не ставится.

Оператор Минус

Этот оператор отсеивает из списка ненужные слова. Например, если не нужны коммерческие запросы, убираем соответствующие слова:

Боксер –купить –цена –стоимость …

Оператор ИЛИ

Он состоит из скобок и вертикального слэша ( …|… ) и объединяет запросы по двум фразам. Можно использовать для поиска запросов, содержащих синонимы или близкие по смыслу слова. Например, (вордстат|wordstat).

Квадратные скобки

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

Групповое использование

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

(pdf|пдф) (перевод|конвертировать) (word|ворд)

История запросов

Инструмент Wordstat имеет три переключателя:

• первый, по умолчанию, который мы до сих пор использовали По словам;
• второй – По регионам;
• третий – История запросов.

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

Как видно, количество запросов по этой фразе резко возрастает в июле почти от 0 до 56 000 и потом снова падает.

Фильтры

Используя фильтры, можно сравнить статистику запросов с различных устройств.

Таковы возможности бесплатного сервиса Яндекс Wordstat. Подбор слов с использованием всех инструментов и операторов позволит подробно изучить статистику запросов поисковой системы и привлечь на ваш ресурс больше целевых посетителей.

Сообщение Яндекс Wordstat: подбор слов для семантического ядра. Как пользоваться операторами поиска появились сначала на Создай свой сайт.

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

Что такое формат .pdf

Этот формат был разработан фирмой Adobe Systems для сохранения документов в электронном виде. В чем его отличие от других похожих форматов?  Главная особенность этого типа файлов – его кроссплатформенность. Сейчас существует много различных операционных систем – Windows, Linux, Unix, Mac OS и т. д.

Для каждой ОС разработаны программы для работы с документами. В Windows самая популярная программа – текстовый редактор MS Office Word, в Linux – OpenOffice и т. д. И, если файл, созданный в Wordе, попытаться открыть в OpenOffice, то у нас, скорее всего, ничего не получится, а если получится, то документы будут выглядеть совсем иначе, форматирование нарушится, картинки окажутся не на месте, а если в тексте содержатся формулы…

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

Как открывать файлы pdf на компьютере

Для просмотра документов с расширением .pdf существует много программ. В первую очередь, это бесплатная официальная программа Adobe Reader от фирмы Adobe (ее старые версии назывались Acrobat Reader).

Вот еще несколько бесплатных программ для просмотра pdf-файлов:

• PDF-XChange Viewer
• Hamster PDF Reader
• STDU Viewer
• Foxit Reader
• Free PDF Reader

Главный недостаток pdf-формата – ограниченные возможности его редактирования, поэтому возникает необходимость конвертирования таких документов в Word или другой текстовый редактор. Но способ такого перевода зависит от того, как был создан этот файл.

Как создать pdf-файл

Существует три основных способа создания pdf-документа:

1. Конвертирование с помощью какого-либо текстового редактора.
2. Сканирование документа с последующим сохранением в пдф-формате.
3. Использование онлайн-сервисов.

Между первыми двумя способами есть принципиальная разница. В первом текст сохраняется как последовательность символов и при обратном преобразовании сохраняется возможность редактирования.

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

В дальнейшем я буду называть такие pdf-документы файлами 1-го и 2-го типа соответственно.

Очень просто создать pdf-документ из обычного текстового файла в программе MS Word. В последних версиях этого редактора такая функция существует по умолчанию. Например, в версии 2010 достаточно выполнить команды Файл – Сохранить как и выбрать тип файла PDF.

В более поздних версиях нужно уже не сохранять, а экспортировать. Например, в 2013

Файл – Экспорт …

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

Существуют также онлайн-сервисы для преобразования текстов в pdf-файлы. Например:

• Бесплатный PDF-Конвертер pdf2go,
• PDF to Word Converter ,
• Soda PDF,
• Smallpdf – универсальный сервис для работы с pdf-документами, обладающий большим функционалом, понятным интерфейсом. Я рекомендую обратить на него особое внимание.

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

Форматы графических файлов или оптимизация изображений

Как из pdf-файлов перевести текст в Word

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

Использование MS Word

Сейчас это самый простой способ, так как в последних версиях Wordа уже реализована возможность преобразования pdf-документов в форматы .doc или .docx.

Для этого запускаем Word, Файл – Открыть и выбираем нужный файл. Появится предупреждение о преобразовании файлов, документ откроется в окне Wordа и будет доступен для редактирования.

Можно сделать еще проще, воспользовавшись контекстным меню. Щелкаем ПКМ на значке pdf-файла и выбираем Открыть с помощью – Word. Это очень простой способ, но многие о не мне знают.

Если нужно преобразовать только часть текста, то можно просто выделить и скопировать эту часть и вставить ее в Word (это нельзя сделать, если документ защищен от копирования, но это уже отдельная история).

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

Преобразование из пдф в ворд онлайн

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

Вот некоторые наиболее известные сервисы:

Уже упомянутые выше

• Бесплатный PDF-Конвертер pdf2go,
• PDF to Word Converter ,
• Smallpdf,
• а также ExtractPDF.com

Отдельно следует сказать про сервис Google Диск. У многих есть аккаунт в Googleи можно воспользоваться этим сервисом. Закачиваем документ на гугл-диск, потом Открыть с помощью – Google документы. Теперь Файл – Скачать как – MS Word (DOCX).

Третий способ – использование специальных программ-конвертеров.

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

Распознавание отсканированных документов

Что делать, если имеется pdf-файл второго типа, то есть отсканированный документ. Все предыдущие методы нам не помогут. Если и удастся получить файл с текстовым расширением (.doc, .docx, …), но редактировать его будет нельзя, так как весь текст будет представлять собой изображение, занимающее всю страницу.

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

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

OCR CuneiForm, пожалуй, лучшая бесплатная программа – аналог FineReader. Она менее требовательна, менее сложна, но и не столь развита. К сожалению, она, распознавая различные графические файлы, не может работать с pdf-документами.

Для распознавания можно использовать и онлайн-сервисы:

• OCRtoWord распознает графические файлы, кроме PDF.
• FineReaderOnline хороший сервис, но требует регистрации.
• FREE ONLINE OCR имеет ограничения по размеру и количеству файлов.
• SODA PDF OCR преобразует файлы второго типа в файлы первого.

Я рассмотрел малую часть программ и сервисов для работы с pdf-документами, но обычно для того чтобы из пдф перевести текст в ворд или обратно используются один, два привычных метода.

Надеюсь, среди перечисленных, вы найдете наиболее удобные для себя.

До скорых встреч!

Сообщение Как из pdf перевести текст в Word с возможностью редактирования появились сначала на Создай свой сайт.

В одной из предыдущих статей я описал порядок seo-проверки сайта на ошибки. Сегодня я хочу познакомить вас с программой, которая позволит быстро и бесплатно выполнить seo-анализ сайта. Эта утилита называется Smart Seo Auditor (кстати, до недавнего времени она называлась Smart Seo Tools).

Она проста, удобна в использовании, но, в то же время, очень функциональна.

Установка программы

Скачать утилиту можно с официального сайта.

Здесь есть несколько тарифов – от бесплатного, позволяющего проверить до 100 страниц, до приобретения лицензий на различные сроки с системой скидок (кстати, программа Smart Seo Tools была полностью бесплатной).

При установке следует обратить внимание на системные требования. Если на вашем компьютере не установлено .NET Framework 4.5.2, процесс инсталляции будет остановлен, и вам будет предложено скачать и установить это расширение. Если интернет подключен, то происходит автоматический переход на сайт Microsoft, где можно скачать свежую версию .NET Framework. После ее установки можно снова запустить инсталляцию SSA.

Настройка Smart Seo Auditor

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

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

Можно задать собственные настройки длины title, description в символах и пикселях, хотя, еще раз повторяю, разработчики программы установили по умолчанию все настройки в соответствии с современными требованиями ПС.

Возможности Smart Seo Auditor

А теперь переходим к самому главному. Что же может делать программа Smart Seo Auditor?

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

Корректность файла robots.txt.

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

Наличие и параметры XML-карты сайта.

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

Например, плагин Yoast SEO может создать XML-карту, но она оказывается не такой, какая создается плагином Google XML Sitemaps, и ПС ее не обнаруживают.

Вкладка По страницам

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

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

Битые ссылки

Здесь будут показываться ссылки, ведущие на несуществующие ресурсы. Такие ссылки очень вредят поисковому продвижению. Нужно стремиться, чтобы в этом отчете было пусто.

Заголовки, описания

На этой вкладке в табличном виде показаны заголовки (title, h1-h6) и описания (description) для каждой страницы. Фильтры позволяют найти страницы с повторяющимися заголовками или описаниями, страницы без описаний и т. д.

Изображения

В этой таблице даны ссылки на все изображения, найденные на сайте, и их параметры. Можно выбрать изображения слишком большого размера, проанализировать теги title и alt.

Проверка перенаправлений и канонических ссылок

Последние две вкладки помогают проверить перенаправления (редиректы) и канонические ссылки.

Сохранение результатов

Программа Smart Seo Auditor проводит seo-анализ сайта онлайн, но результаты аудита можно сохранить и изучать подробно при отключенном Интернете. Сделать это можно двумя способами:

1. Сохранить в собственном формате программы Файл – Сохранить
2. Экспортировать в MS Excel

Я обычно пользуюсь первым вариантом.

Заключение

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

P. S. Я рассказал о последней версии программы (сейчас это 1.5.6), но сам до сих пор пользуюсь еще бесплатной программой Smart Seo Tools 3.2.0. Существенной разницы между этими версиями нет, но зато можно выполнить seo-анализ сайта бесплатно. Жалею только, что не сохранил дистрибутив этой утилиты на своем компьютере.

Сообщение Seo анализ сайта бесплатно: программа Smart Seo Auditor появились сначала на Создай свой сайт.

Как известно, Яндекс заменил ТИЦ сайтов на новую характеристику – ИКС (индекс качества сайта), и теперь появилась необходимость узнать ИКС сайта онлайн.

Немного истории

ТИЦ (тематический индекс цитирования) был введен Яндексом, по меркам Интернета, довольно давно – в 1999 году. Качество ресурса оценивалось по количеству ссылающихся на него сайтов. Причем, учитывалась тематическая составляющая этих ссылок.

То есть, если на сайт о здоровье ссылается другой сайт о здоровье, причем авторитетный, это увеличивает ТИЦ первого и поднимает его в выдаче.

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

Ссылки можно получать как платными, так и бесплатными методами.

К бесплатным относятся:

• Размещение комментариев на других ресурсах.
• Использование социальных сетей. Ссылки со страниц сетей признают все поисковые системы.
• Кнопки соцсетей на собственном сайте и использование вирусного контента.
• Тематические форумы, где ссылку можно поставить в подписи или в теме.
• Использование видеохостингов, в первую очередь, YouTube.
• Размещение ссылок на сайтах вакансий, досках объявлений, справочниках и т. д.

К платным методам относится покупка ссылок на трастовых сайтах.

Что такое траст сайта и как его проверить.

Для торговли ссылками были даже созданы специальные сервисы, наиболее известные GoGetLinks и MiraLinks. Продажа ссылок – один из самых популярных способов заработка в Интернете.

Таким образом, наращивание ссылочной массы стало одним из главных методов продвижения. Конечно, по большому счету, количество внешних ссылок никакого отношения к качеству сайта не имеет, поэтому Яндекс и заменил ТИЦ на новый показатель.

Что такое ИКС сайта

Итак, ИКС – это индекс качества сайта. Но как это качество определить? Теперь за основу Яндекс берет поведенческие факторы.

О них я уже немного писал в статье «Как улучшить поведенческие факторы с помощью сервиса ЯндексКарточки»

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

Тем самым Яндекс говорит вебмастерам, что для успешного продвижения сайта нужно беспокоиться о его качестве, а не о приобретении ссылок.

ИКС должен отслеживать каждый ресурс по большему числу показателей, чем ТИЦ, и гораздо лучше его оценивать.

При этом учитываются:

• Количество посетителей;
• Время, проведенное на сайте;
• Глубина просмотра;
• Возвраты (то есть степень удовлетворенности) и другие ПФ.

Как узнать ИКС своего или чужого сайта онлайн

Во-первых, ИКС, как и ТИЦ, величина открытая, то есть можно узнать ИКС любого сайта, как своего, так и чужого.

Например, посещаемость владелец может скрывать, делать ее доступной только по паролю.

1 способ определения ИКС (с помощью Вебмастера)

Для этого нужно перейти на страницу Индекс качества сайта. Она находится по адресу https://webmaster.yandex.ru/sqi/?host=.

Теперь в единственное поле вводим URL интересующего нас сайта и нажимаем Найти. Если это ваш сайт, и вы вошли в свой аккаунт, то достаточно Выбрать сайт.

2 способ (с помощью приложения)

Можно в браузере установить расширение RDS-bar. Тогда достаточно одного нажатия на кнопку и приложение определит множество параметров открытого сайта, в том числе, и ИКС.

3 способ (с помощью иконки)

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

Как установить на сайт иконку ИКС

Для начала сайт желательно зарегистрировать в Яндекс Вебмастере.

Для чего и как это сделать, можно прочитать здесь.

В главном меню переходим Настройки – Иконка ИКС.

Теперь из четырех возможных вариантов вида выбираем подходящий и соответствующий код добавляем в HTML-код веб-страниц.

Код значка можно получить и в том случае, если сайт не зарегистрирован в Яндекс Вебмастере. Для этого переходим на страницу Иконка ИКС по ссылке https://webmaster.yandex.ru/site/settings/sqi/. Тогда в поле Домен нужно ввести адрес вашего сайта и сформировать нужный код.

Итак, Яндекс своим новшеством дает понять, что работать нужно прежде всего над качеством сайта.

Как поднять ИКС

Позволю себе дать несколько советов, как улучшить это качество.

1. На первом месте стоит контент. Он должен быть полезным, интересным, понятным, полностью раскрывающим суть вопроса. Текст нужно правильно структурировать, разбивая на блоки. Каждый блок должен иметь подзаголовок. Не делайте больших абзацев, их трудно читать.
2. Разбавляйте текст картинками, блоками текста, оформленными иначе (рамки, цветной фон, другой шрифт и т. д.), но не забывайте, что эти элементы должны помогать визуальному восприятию информации.
3. Используйте маркированные и нумерованные списки, таблицы, диаграммы
4. Иногда сайты переполнены назойливой рекламой, которая мешает восприятию. Старайтесь, чтобы рекламные блоки органично размещались на странице.
5. Добавляйте в посты видеоролики, не все любят читать.
6. Уже не раз писал про адаптивность. Сейчас важно, чтобы сайт нормально отображался на всех устройствах.

Еще по этой теме можно прочитать в статье «Seo-продвижение 2018 – 3 главных направления развития»

Итак, я думаю, вам понятно, что такое ИКС сайта, как узнать его онлайн, что делать для улучшения качества ресурса. Остается только работать и повышать ИКС.

До новых встреч.

Сообщение Что такое ИКС сайта и как узнать его онлайн – 3 простых способа появились сначала на Создай свой сайт.

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

Но прежде чем рассказывать о сервисе, рассмотрим основные понятия.

Что такое поведенческие факторы ранжирования сайта

Под этим термином понимают очень важное для продвижения сайта понятие.

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

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

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

Перечислим только самые важные.

Посещаемость сайта показывает общую картину популярности сайта в Интернете.

На эту тему можно почитать в следующих статьях:

Как определить посещаемость сайта

Как установить на сайт Яндекс Метрику для анализа посещаемости сайта

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

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

Показатель возвратов – еще один фактор, свидетельствующий о полезности и востребованности ресурса.

Показатель отказов.  Отказом считается  уход посетителя с сайта менее чем через 15 сек. Отказ свидетельствует о том, что посетитель не нашел ответа на свой вопрос, или сайт ему по каким-то причинам не понравился.

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

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

Что такое Яндекс.Карточка

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

Что это такое? Все очень просто.

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

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

Например, мы читаем статью о художнике и встречаем упоминание о Русском музее. Это название подчеркнуто пунктиром.

Щелкнув на нем, мы откроем всплывающее окно Яндекс.Карточки с краткой информацией о музее.

Еще один пример:

Как установить скрипт Яндекс.Карточек на сайт

Использование Яндекс.Карточек возможно в следующих двух случаях:

• Если в браузере пользователя установлено специальное расширение. Оно работает в браузерах на основе Chromium, то есть Google Chrom, Opera, Яндекс.Браузер и т.п.
• Если на самом сайте установлен JS-код.

Так как мой блог ориентирован на веб-мастеров, то подробней буду рассматривать второй случай.

Итак, чтобы Яндекс.Карточка работала во всех браузерах, независимо от того, установлено расширение или нет, мы должны в код сайта вставить специальный JS-код от Яндекса. Найти  его можно на странице с адресом https://tech.yandex.ru/yobject/doc/index-docpage/.

Вот этот код

<script charset="utf-8" type="text/javascript"
src="https://static.yandex.net/yobject/v2/_/loader.js"></script>
<script>ya.yobject.load(document.body);</script>

Его нужно вставить в код веб-страницы перед закрывающим тегом </body>.

Если ваш сайт работает на движке WordPress, то делаем следующим образом:

1. Скачиваем (или открываем в редакторе WP) файл footer.php
2. Вставляем код Яндекс.Карточки перед закрывающим тегом </body>
3. Закачиваем файл на хостинг (или сохраняем в редакторе).

Как улучшить поведенческие факторы ранжирования сайта с помощью Яндекс.Карточек

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

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

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

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

Сообщение Как улучшить поведенческие факторы с помощью сервиса Яндекс.Карточки появились сначала на Создай свой сайт.

Использование видео

Да, видеоконтент становится ключевым видом контента. Согласно исследованиям, ближайшие 5 лет 80% всего интернет-трафика будет составлять видео. Это означает, что больше и больше пользователей ищут что-то в Ютубе, чем в других поисковых системах. Собственно говоря, уже сейчас этот видеохостинг стал второй по популярности поисковой системой в мире после Google, а время, проведенное в Ютубе в 2017 году превысило 60% по сравнению с предыдущим годом.

Плюсом этого канала можно считать еще и то, что до сих пор еще не все владельцы бизнеса, маркетологи в России используют видео для продвижения своих товаров и услуг, и это позволит вам, если вы начнете это делать, получить хорошую целевую аудиторию в своем сегменте достаточно быстро и за небольшой бюджет. Ни для кого не секрет, что компания Google владеет хостингом YouTube, и именно поэтому мы видим сейчас все больше и больше видеороликов, видеоконтента в результатах выдачи. Соответственно, это поможет вам увеличить свое присутствие, увеличить свою видимость в том числе и в поисковой выдаче таких поисковых систем как Гугл и Яндекс.

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

Для того, чтобы определить среднее время просмотра, лучше всего воспользоваться Яндекс Метрикой. Этот сервис позволяет выполнить глубокий анализ посещаемости вашего сайта.

Рост мобильного трафика

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

Кроме того, еще одной важной информацией является и то, что Google анонсировал переход на Mobile-first индекс. Что это означает? Другими словами, Гугл будет считать мобильную версию вашего сайта настоящей, даже если пользователь набирает свой запрос не с мобильного устройства. В данный момент Mobile-first индекс не внедрен, он тестируется на ограниченной выборке сайтов, а после «обкатки» применится ко всему пулу сайтов в индексе Google. Но я рекомендую не ждать этого момента, а уже сейчас проверить свой сайт на адаптивность. Можно сделать мобильную версию или адаптивный дизайн,  но сделать это обязательно, иначе вы можете потерять очень большую аудиторию, очень много целевого интернет трафика.

Поведенческие факторы

Третий важный тренд, который поможет вам в успешном продвижении в 2018 году — это учет роли поведенческих факторов. И Яндекс и Гугл активно используют систему машинного обучения.

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

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

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

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

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

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

Давайте подведем итог

Какие три важных тренда помогут вам в продвижении в 2018 году?

1. Работайте с видео. Используйте видеоконтент в продвижении своих товаров и услуг. Размещайте видео на Ютубе, размещайте видео на своем сайте. Это очень хорошо, это обязательно окупится.
2. Подготовьте сайт, чтобы мобильным пользователям он был удобен. Лучше, если это адаптивный сайт, это сейчас не так дорого, это не сложно, но, действительно, чтобы не потерять своих клиентов, чтобы не потерять свою целевую аудиторию, я вам рекомендую это сделать.
3. Учитывайте роль поведенческих факторов на вашем сайте. Делайте содержание сайта интересным, работайте с ответами на вопросы ваших клиентов, пусть они проводят как можно больше времени на страницах вашего сайта, и тогда в поисковой выдаче он будет занимать достойную позицию.

Таковы основные направления развития SEO-продвижения в 2018 году. Учитывая их, вы сможете активно продвигать свой ресурс, получая больше посетителей и клиентов.

До скорой встречи!

Сообщение Seo-продвижение 2018 – 3 главных направления развития появились сначала на Создай свой сайт.

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

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

Файл robots.txt

В первую очередь необходимо проверить наличие и правильность файла robots.txt. Этот файл сообщает информацию поисковым роботам и должен быть доступен по адресу site.ru/ robots.txt.

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

Карта сайта

Карта сайта бывает двух типов: для людей и поисковых роботов. В первом случае это обычная страница со списком всех страниц. Во втором – это XML-файл, который не видят посетители, но могут просматривать поисковики. XML-карту можно открыть по адресу site.ru/sitemap.xml. Карта сайта должна обновляться при появлении новых материалов. При использовании движков это происходит автоматически.

Адрес XML-карты должен быть указан в файле robots.txt.

Скорость загрузки

Для измерения этой скорости используются различные сервисы. Я уже писал о некоторых из них, поэтому даю ссылки на статьи:

• Полезные сервисы Интернета
• Скорость загрузки сайта
• Как измерить скорость загрузки сайта с  помощью сервиса Webpagetest.org

Медленная загрузка может происходить по разным причинам:

• Большое количество плохо оптимизированных изображений.
• Наличие объемных кодов, особенно в начале страницы.

В некоторых случаях css- и js-коды можно перенести в конец страницы без ущерба для внешнего вида. HTML- и CSS-коды можно сжать.

Даю ссылки на статьи, которые помогут уменьшить время загрузки сайта:

• Оптимизация изображений.
• Оптимизация изображений – часть 2.
• Форматы графических файлов или оптимизация изображений – часть 3.
• Оптимизация изображений в формате JPEG.
• Оптимизация изображений в формате PNG
• Оптимизация изображений в форматах GIF и PNG.
• Минификация HTML- и CSS-кода
• Оптимизация сайта с помощью схемы data: URL

Чистота кода

Код сайта не должен содержать ничего лишнего, никакого «мусора». Это могут быть комментарии, скрытые ссылки. Код может содержать ошибки. Чтобы его проверить, можно воспользоваться сервисом от Гугла.

Страница 404

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

Страницы сайта

Это, наверное, самый объемный этап проверки. Необходимо просканировать страницы сайта, чтобы проверить их URL-адреса, увидеть метатэги. Проверяется правильность заголовков H1 и Title, описание страниц  (Description). Выполняется поиск битых ссылок, редиректов, анализируются исходящие ссылки.

Следующие пункты чек-листа относятся к анализу внешних факторов.

Обратные ссылки

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

Социальные факторы

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

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

До скорых встреч!

Сообщение Технический анализ сайта. Чек-лист для seo-оптимизации появились сначала на Создай свой сайт.

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

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

Как скачать Букварикс

Официальный сайт Букварикса можно найти по адресу http://www.bukvarix.com/desktop-software.html

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

Чтобы их уменьшить создатели Букварикса предоставили три варианта для скачивания: использование торрента, Яндекс диск и Mail-облако. Кроме того, во всех вариантах весь архив разбит на части. Я обычно для скачивания использую торрент-файл, настроив клиент для работы ночью (у меня мобильный интернет и ночью трафик безлимитный).

После скачивания архив надо распаковать, и при этом возникает вторая проблема – в распакованном виде он занимает еще больший объем – 163 Гб! Значит, на диске вашего компьютера нужно найти это место. У меня для хранения этой базы используется внешний жесткий диск.

Интерфейс программы

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

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

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

И еще один термин нам будет необходим – «базовый ключ» или «базовый ключевой запрос». Это наиболее общий, основной запрос. По сути, ото одна из основных тем сайта или блога. Базовый ключ обычно состоит из одного-двух слов.

Работа с программой

Итак, поиск ключевых слов начинаем с запуска программы. После запуска Букварикса открывается окно, содержащее два поля. В первом вводим базовый ключ, во втором после нажатия кнопки Найти получаем список запросов по этому ключу. В меню всего два пункта: Экспорт и Настройка.

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

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

Что же можно сделать средствами Букварикса, а что сторонней программой?

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

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

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

Еще одна полезная «фишка» программы – комбинатор слов. Он дает возможность из двух-трех списков составить все возможные комбинации. Эти комбинации можно скопировать и вставить в поле поиска.

Экспорт

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

Обработка запросов в MS Excel

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

После открытия файла мы получаем такую таблицу:

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

Сначала сортируем по убыванию столбец Точная частотность, выделяем и удаляем строки с очень низкой частотностью, например, от 0 дол 10. Наш список сразу очень сильно сократится. Аналогично можно удалить и очень ВЧ-запросы.

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

Теперь поработаем с первым столбцом. В нем можно удалить запросы, содержащие ненужные слова. Например, меня не интересуют конструкторы сайтов. Нажимаем на кнопку фильтра, вводим слово «конструктор», Ok, и получаем список всех запросов с этим словом. Выделяем и удаляем их.

Но нужно помнить, что Excel не меняет словоформы, поэтому вводить нужно не все слово, а его корень.

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

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

После просмотра всего списка сортируем таблицу по убыванию по этому столбцу. Тогда наверху у нас окажутся наиболее важные и нужные нам запросы.

Букварикс онлайн

Если у вас нет возможности или желания скачать базу ключей, то разработчики программы предлагают ее онлайн-версию. Вот ссылка на нее www.bukvarix.com. Работает эта версия также быстро, так как поиск идет по готовой базе, но поиск можно осуществлять только по одному базовому запросу, нельзя использовать слова-исключения. Полученный список запросов можно скачать на компьютер и обрабатывать с помощью Excel.

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

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

Сообщение Как подобрать ключевые слова для сайта с помощью программы Букварикс появились сначала на Создай свой сайт.

Сегодня я хочу познакомить вас с замечательным плагином Menu Icons. Он позволяет добавлять иконки в меню сайта на WordPress. Конечно, этот плагин не относится к разряду обязательных, и, даже, я не назову его важным, но он показался мне интересным, поэтому я и решил написать о нем.

Установка плагина

Установить его очень просто. Так как он находится в репозитории WordPress, то можно в командах админпанели выбрать Плагины – Добавить новый и в поле Поиск написать Menu Icons.

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

Как изменить меню WordPress

Теперь перейдем к настройкам меню и добавим к нему иконки. Чтобы это сделать, нужно найти настройки нового плагина. Обычно такие настройки появляются в админпанели WordPress, но в нашем случае нужная кнопка появится в настройках меню сайта.

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

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

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

Вот такое меню у меня было вначале:

А такое – после использования плагина Menu Icons:

Как видите, все очень просто.

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

Но если использован готовый бесплатный шаблон, и в нем не все вам нравится в дизайне, то плагин Menu Icons может помочь.

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

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

До новых встреч!

Сообщение Плагин Menu Icons – иконки для меню сайта появились сначала на Создай свой сайт.

Введение

Правильная настройка SEO-плагина очень важна для продвижения любого ресурса, будь то личный блог или контентный сайт. Именно поэтому одним из первых пунктов при создании сайта считается установка и настройка такого плагина. Для чего он нужен? Его основная задача – создание на каждой странице метатэгов title, description и keywords, помогающих поисковым системам находить нужную информацию. Однако, современные плагины имеют много дополнительных полезных функций, поэтому их настройка может вызвать затруднения.

Долгое время самым популярным SEO-плагином был All in One Seo Pack, но в последнее время все чаще используется Yoast SEO. Некоторые веб-мастера утверждают, что при переходе на этот плагин посещаемость увеличилась в два раза. У меня нет такой статистики, но хочется верить, что Yoast SEO поможет улучшить позиции в поисковой выдаче.

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

После установки плагина в меню панели управления WordPress  появится пункт Yoast SEO из нескольких подпунктов (изначально три, позже их количество увеличим), причем каждый из них содержит еще по несколько вкладок, то есть настроек довольно много. Рассмотрим их все по порядку.

Консоль

Этот пункт содержит следующие вкладки: Консоль, Общие, Возможности, Информация о вас, Инструменты веб-мастеров, Безопасность.

Консоль

Эта вкладка для настроек не очень важна, она носит информативный характер. В ней выводятся некоторые сообщения, которые можно просто отключить.

Общие

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

Возможности

Эта вкладка содержит несколько переключателей, среди них – очень важный – Дополнительные настройки страницы. Почему их назвали дополнительными, трудно сказать. Как раз именно эти настройки играют в SEO-продвижении главную роль. Итак, переводим этот переключатель в положение Включено, сохраняем изменения и видим, что в меню теперь вместо трех подпунктов уже восемь. Теперь можно переходить к полноценной настройке.

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

Следующий переключатель OnPage.org включают в том случае, если в работе используется этот сервис. Я его отключаю.

Переключатель Меню панели администратора добавляет пункт SEO в верхнее меню админпанели. Можно выключить.

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

Информация о вас

Здесь, в принципе все понятно. Указываем название сайта, тип владельца и т.д. После заполнения этих данных в коде появляется микроразметка Open Graph.

Инструменты веб-мастеров

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

Безопасность

Единственный переключатель может отключить расширенные настройки метабоксов в записях. Актуально это в том случае, если на сайте работает несколько авторов. Расширенные настройки СЕО-параметров будут доступны только администраторам.

Заголовки и метаданные

Теперь переходим к более важным настройкам, имеющим большое значение в SEO-продвижении.

Общие

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

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

Главная страница

Здесь нужно заполнить два поля:

Шаблон заголовка (title)

Шаблон описания (description)

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

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

%%sitename%% %%sep%% %%sitedesc%%, где

%%sitename%% — имя сайта,

%%sep%% — разделитель,

%%sitedesc%% — слоган или описание сайта.

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

Типы записей

На этой вкладке описываются общие СЕО-параметры для записей я указываю только название, то есть вводим переменную %%title%% (вписывать словами уже нельзя, так как у каждой записи свой заголовок).

А вот описание оставляем пустым, его (description) заполняем для каждой статьи индивидуально в метабоксе SEO.

Все переключатели ставим в положение Включено.

Переходим к страницам. Здесь есть некоторые отличия. В шаблоне заголовка я предлагаю добавить название сайта, то есть вводим переменные %%title%% %%sep%% %%sitename%%.

Переключатель Дата ставим в положение Скрыть, так как страница создается один раз, и дата для нее не актуальна.

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

Таксономии

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

Архивы

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

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

Другое

На этой вкладке все переключатели лучше отключить. Индексировать подстраницы нет смысла, ключевые слова поисковые системы сейчас уже не учитывают.

Социальные сети

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

XML-карта сайта

Общие

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

Типы записей

Здесь указываем, что показывать, а что – нет. По вышеуказанным причинам рекомендуется показывать в XML-карте записи и страницы, а медиафайлы — отключить.

Исключенные записи

Можно исключить из карты сайта отдельные записи. Для этого нужно указать их идентификаторы. Как их определить, я описал в статье «Как узнать ID рубрики на WordPress?»

Таксономии

На этой вкладке я рекомендую включить в карту сайта только рубрики.

Дополнительно

В этом разделе три вкладки. Коротко пройдемся по ним.

Хлебные крошки

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

Постоянные ссылки

Здесь настройки такие:

Базовая полоска категории (довольно странный перевод). Этот переключатель лучше включить в положении Оставить, чтобы и поисковые системы и посетители могли определить к какой рубрике относится запись. Кстати, в статье «Настройка WordPress» я писал о настройке постоянных ссылок и предложил два варианта URL-адресов. Теперь хочу уточнить, что предпочтительнее первый вариант, с указанием рубрики.

Перенаправлять URL вложений на URL родительской записи. Этот переключатель, конечно, в положении Перенаправлять.

Стоп слова в ссылке. Создание URL-адреса записи – это отдельный большой вопрос. WordPress совместно с плагином Cyr-To-Lat автоматически создает адреса страниц, но желательно их всегда редактировать вручную, в частности, удалять стоп-слова. Включенный переключатель поможет это сделать.

Удалить переменные ?replytocom. Этот переключатель позволяет избавиться от дублей, возникающих при комментировании статей.

И последний переключатель на этой вкладке включать не рекомендуется.

RSS

На этой вкладке настраивается RSS-канал.

Инструменты

Этот пункт меню содержит три очень удобных инструмента.

Групповой редактор дает возможность редактировать заголовки (title) и описания (description) статей, не открывая каждую запись в редакторе.

Импорт и экспорт. Первые две вкладки этого инструмента позволяют сохранить все настройки Yoast Seo в отдельном файле и использовать их, например, на другом сайте. Согласитесь, очень удобная функция. Третья вкладка используется при переходе с других сео-плагинов на Yoast Seo. Например, раньше я использовал All-in-Seo-Pack и функция импорта помогла легко перейти на новый плагин.

Редактор файлов можно использовать для редактирования robots.txt и .htaccess.

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

До скорых встреч!

Сообщение Плагин Yoast SEO, его возможности и настройка появились сначала на Создай свой сайт.

В этой статье я хочу рассказать о том, что такое минификация HTML- и CSS-кода, для чего она нужна, и как ее выполнить.

Сначала разберемся с HTML-кодом.

Что такое минифицированный код

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

• Откройте любую страницу, и в любом месте щелкните ПКМ.
• Откроется контекстное меню, в нем выбираем пункт Просмотр кода страницы (в разных браузерах может быть немного другой текст, но смысл тот же). Можно воспользоваться комбинацией клавиш Ctrl+U.
• В новой вкладке или окне откроется HTML-код данной страницы.

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

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

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

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

Во втором случае – компактный минифицированный код.

Структурирование кода на блоки, строки и т. п. необходимо для удобства чтения человеком. Мы воспринимаем такие блоки целиком, мы видим, где тэг открывается, где закрывается.

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

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

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

Как минифицировать код

Для того, чтобы выполнить эту операцию на своем блоге есть несколько способов.

Оптимизация на стадии разработки

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

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

Использование плагинов

Да, конечно, для этих целей разработаны специальные плагины. Вот некоторые из них:

Плагин Comet Cache (раньше он назывался Zen Cache, а еще раньше —  Quick Cache). Познакомиться подробнее с ним можно по этой ссылке.

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

Если цена этого плагина вас не устраивает, можно воспользоваться другим решением. Скрипт Dynamic Website Compressor стоит около 9$, его можно приобрести по ссылке. 

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

Сам скрипт находится в файле compressor.php, поэтому в индексный файл вставляется строчка

include_once(‘compressor.php’);

После этого скрипт начинает работать.

И последний вариант, который я хочу предложить, — совсем бесплатный. Это плагин для WordPress WP-HTML-Compression. Он устанавливается обычным образом, не требует никакой настройки, начинает работать сразу после установки. На моем блоге установлен именно он

Оптимизация CSS

Если анализировать скорость загрузки сайта с помощью сервиса PageSpeed Insights, то он выдает рекомендации по ее увеличению. Одна из таких рекомендаций может быть – Сократите CSS.

Кстати, сам сервис предлагает выполнить эту работу, но я могу предложить другой ресурс, который, по многим отзывам, сокращает CSS-код гораздо лучше. Вот ссылка на него.

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

Пример использования сервиса CSS Resizer.

Скриншот части файла стилей style.css до обработки

А это – после сжатия

И размеры этого файла, соответственно, до

И после

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

Надеюсь, объяснил понятно. Если есть вопросы, пишите в комментариях.

До скорых встреч.

Сообщение Минификация HTML- и CSS-кода появились сначала на Создай свой сайт.

Сегодняшняя статья будет дополнением к ранее написанным «Работа с двумя мониторами» и «Настройка второго монитора». Дело в том, что у одного из читателей возник вопрос — как сделать, чтобы физическая высота окна на разных мониторах была одинаковой. Часто получается, что они имеют различные физические размеры и разное разрешение, поэтому и размеры при переносе с одного на другой меняются.

Например, я использую ноутбук с подключенным к нему дополнительным монитором. Рекомендуемое разрешение экрана ноутбука 1600*900, а у дополнительного дисплея – 1366*768, но высота экрана у внешнего больше, чем у ноутбука. Поэтому размеры окна на ноутбуке меньше, чем на дополнительном мониторе.

Как же сделать эти размеры равными?

Немножко теории

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

Разберем подробнее на примере моих устройств. Высота экрана внешнего дисплея – 231 мм, а у ноутбука – 215 мм. Находим отношение: 231/215=1,074. Значит, разрешение ноутбука должно быть в 1,074 раза меньше, чем у внешнего монитора – 768/1,074=715 px.

Ближайшее возможное значение равно 720 px, поэтому на ноутбуке я установил параметры 1280*720. Погрешность составляет 0,7%, это практически незаметно.

Практическое решение

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

Надеюсь, объяснил понятно. До скорой встречи.

P.S. Дополнение от 15.01.2019. Рекомендую появившийся недавно бесплатный видеокурс о работе с двумя мониторами от команды Клабпрофи:

Посмотреть курс

Сообщение Как сделать одинаковый размер окна на разных мониторах появились сначала на Создай свой сайт.

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

Как оценить качество ресурса? Для такой оценки существует множество параметров. Один из таких параметров я хочу рассмотреть в этой статье.

Что же такое траст, и как его проверить?

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

Траст формируется на основании многих показателей, это не какая-то точная, измеряемая величина. Она носит оценочный характер, хотя и выражается числовым значением. Какие же из этих показателей наиболее важны?

Качество контента

Конечно, первостепенное значение имеет качество контента. Он должен быть уникальным и регулярно обновляться. Очень важна именно регулярность. Сайт должен быть «живым».

Возраст сайта

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

Есть противоречивое мнение, что значение имеет и возраст домена.

Внешние ссылки

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

Особенно важно это для молодых сайтов, которые только завоевывают доверие поисковых систем.

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

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

Особо следует отметить, что нахождение в каталогах поисковых систем, таких как Яндекс Каталог, DMOZ, Апорт, Mail.ru заметно повышает траст, так как попасть в эти каталоги могут только действительно хорошие ресурсы.

Поведенческие факторы

Скорее всего, поведение посетителей на сайте также влияет на уровень доверия к нему со стороны поисковиков.

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

Оптимизация сайта

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

Доменная зона

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

Сервисы для проверки траста

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

Наиболее известен сервис xtool.ru. Используя этот сервис, можно определить траст по 10-бальной шкале, кроме того, показаны основные показатели, по которым он формируется.

К недостаткам можно отнести то, что он показывает траст только для Яндекса, и бесплатно можно сделать только 10 измерений в сутки.

Еще один авторитетный сервис — seobuilding.ru. Он показывает больше информации, даже дает оценку стоимости ресурса. На нем можно выполнять неограниченное число проверок. Здесь же можно получить скрипты для установки информеров на сайт.

Что делать для увеличения траста

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

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

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

До скорых встреч.

Сообщение Что такое траст сайта и как его проверить появились сначала на Создай свой сайт.

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

Этот фон можно обнаружить в двух случаях:

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

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

Рассмотрим подробнее, как это сделать.

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

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

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

Поэтому пипетку нужно использовать непосредственно на веб-странице.

После определения кода цвета, нужно скачать с сервера на свой компьютер файл style.css из папки темы. Файл лучше редактировать с помощью текстового редактора Notepad++, задать в нем поиск по коду и найти нужную строчку.

Обычно эта строка выглядит так:

ins{background:#fff9c0;}

Или так:

ins{background-color:#fff9c0;}

Теперь в найденной строчке нужно заменить найденный код на код того цвета, который вам нужен. Обычно это фоновый цвет страницы. Его также заранее можно определить пипеткой. Там же следует  добавить слово !important.

ins {background: #f9f9f9 !important;}

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

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

Сообщение Как убрать фон рекламных блоков Google Adsense появились сначала на Создай свой сайт.

После входа в аккаунт переходим на страницу Метрики для создания счетчика. Попасть на нее можно разными способами:

• Открыв список всех сервисов Яндекса;
• В нижней части главной страницы поисковика есть ссылка на переход в Метрику;
• Используя закладку для этой ссылки.

Теперь можно создавать счетчик. Нажимаем кнопку Добавить счетчик.

Теперь необходимо заполнить несколько полей:

Наименование – вводим название вашего сайта.

Адрес сайта – его доменное имя.

Переходим на вкладку Код счетчика.

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

Асинхронный код — ставим галочку для увеличения скорости загрузки.

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

На вкладке Фильтры желательно поставить галочку в чекбокс Не учитывать мои визиты для более объективной статистики.

И последняя вкладка на которой нужно вводить данные — Уведомления. Здесь указываем способ сообщения о проблемах на сайте.

После ввода всех необходимых данных переходим на вкладку Код счетчика и копируем этот код.

Полученный код необходимо вставить на все страницы сайта. Яндекс рекомендует размещать код в верхней части страницы, в шапке сайта, но для ускорения загрузки часто размещают этот код в подвале, перед закрывающим тегом </body>.

Так как большинство блогов сделано на CMS WordPress, то и в качестве примера буду рассматривать этот движок.

Для вставки кода счетчика в верхней части страницы нужно редактировать файл заголовка header.php, а в нижней части – файл подвала footer.php. Сделать это можно или средствами встроенного редактора WordPress (Внешний вид – Редактор – Выбираем нужный файл) или, скачав этот файл себе на компьютер и редактируя его в текстовом редакторе, обычно Notepad++.

В файле header.php  код вставляется между тегами <head></head>, а в файле footer.php перед закрывающим тегом </body>.

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

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

Оранжевый цвет свидетельствует о том, что счетчик ожидает подтверждения, нужно зайти через некоторое время.

Зеленый означает, что все работает нормально.

Основные функции

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

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

Меню слева позволяет открывать различные вкладки: отчеты, карты, вебвизор, сегменты, настройка.

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

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

«Вебвизор» — это самый удивительный инструмент Метрики. Вебвизор записывает поведение посетителя на сайте и хранит этот видеоролик в течение двух недель. Вы можете посмотреть, что делал человек на вашем сайте: что читал, какие картинки смотрел, на какие кнопки нажимал, как перемещал мышку, как прокручивал страницу и т. д.

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

В последующих статьях я постараюсь поделиться своим опытом в этом направлении.

До скорых встреч!

Сообщение Как установить на сайт Яндекс Метрику для анализа посещаемости сайта появились сначала на Создай свой сайт.

Долго собирался написать о таких инструментах вебмастеров как Яндекс Вебмастер и Google Analytics, и вот, наконец, решился. На эту тему написано много, но я все же решил написать об этом по двум причинам.

Во-первых, использование этих инструментов для аналитики сайта просто обязательно. Регистрация в Яндекс Вебмастере является первоочередной задачей после создания веб-ресурса.

Во-вторых, этот сервис обновился, в нем появились некоторые изменения.

Зачем регистрироваться в Яндекс Вебмастере

Яндекс и Google самые крупные поисковые системы, с которыми работают российские интернет-пользователи. Именно они дают основной поисковый трафик. Задача любого оптимизатора – повысить позиции сайта в поисковой выдаче этих систем. Но для этого необходимо проводить постоянный качественный мониторинг.

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

Как добавить сайт в Яндекс Вебмастер

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

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

• просто ввести в адресную строку браузера webmaster.yandex.ru;
• с главной страницы Яндекса перейти на список всех сервисов и там найти Вебмастер.

Перед нами открывается главная страница обновленного сервиса. Нажимаем кнопку Перейти.

Теперь, чтобы добавить сайт, жмем на «плюс» и вводим его адрес, далее кнопка Добавить.

Теперь необходимо подтвердить права на сайт. Как видно из картинки, для этого есть три варианта.

Первый – вставка специального метатега в код сайта. Метатеги обычно находятся в верхней части кода страницы, внутри контейнера <head></head>. Если используется движок WordPress, то необходимо редактировать файл заголовка header.php.

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

Второй вариант, по моему мнению, самый удобный. Обычно я использую именно его.

В любом текстовом редакторе (Блокнот, Notepad++) создается HTML-файл, в который копируется предложенный текст, он сохраняется под указанным именем, и потом с помощью FTP-клиента закачивается в корень вашего сайта. Все это можно сделать за считанные минуты и, тем самым подтвердить свои права.

Третий способ рекомендовать не буду, так как сам ни разу его не использовал.

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

Обзор основных функций панели вебмастера

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

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

Если сайт новый, то, скорее всего, будет необходимо добавить ссылки на xml-карту и файл robots.txt. Для сайтов на WordPress я писал об этом в статье «Настройка WordPress».

С левой стороны находится основное меню сервиса. Как видите, большинство пунктов – это раскрывающиеся списки.

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

Раздел «Поисковые запросы» позволяет проанализировать, по каким запросам заходили на сайт посетители. Здесь много настроек, можно выбирать временные интервалы, показатели, отдельные ключевые слова и т. д.

Раздел «Индексирование» содержит много подпунктов. Первые два – «Статистика обхода» и «Страницы в поиске» — показывают нам, какие страницы и когда попадают в поисковую выдачу, а пункт Проверить статус URL дает возможность проверить наличие конкретной страницы в базе Яндекса.

Очень важный для продвижения пункт «Переобход страниц». Для ускорения индексирования рекомендуется сразу же после написания статьи внести ее адрес в поле на этой странице и сообщить Яндексу о ее появлении.

Пункт «Файлы Sitemap» нужен для указания поисковику на адрес xml-карты, о чем я писал выше.

Следующий раздел «Ссылки» позволяет анализировать внутренние и внешние ссылки сайта, и на основе этого анализа выполнять перелинковку сайта более правильно.

В разделе «Информация о сайте» хочу обратить внимание на пункт «Оригинальные тексты». Он предназначен для того, чтобы автор статей мог указать на свое авторство, защитив тем самым контент от копирования. Для этого следует перед публикацией текста на отправить его в этот сервис. Для сайтов под управлением CMS WordPress для этого разработан специальный плагин. О нем я постараюсь написать в одном из последующих постов. Подпишитесь на обновления блога, чтобы не пропустить появление новых материалов.

Раздел «Инструменты» дает возможность выполнить несколько важных проверок:

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

Последний раздел «Полезные сервисы» содержит ссылки на важные сервисы Яндекса, некоторые из которых я также разберу в последующих статьях. Например, очень важный для вебмастеров сервис Яндекс.Метрика.

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

До скорых встреч.

Сообщение Инструменты вебмастера: новый Яндекс Вебмастер появились сначала на Создай свой сайт.

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

Что это такое

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

Если у комментатора нет граватара, то рядом с его комментарием будет показана стандартная абстрактная картинка. Например, такая 

Или такие , , , , .

Зачем он нужен

Такое изображение – это ваше «лицо» в Интернете. Без него вы – абстрактный посетитель, а с ним – узнаваемая личность. Граватар – это, в определенной степени ваш «бренд», по которому вас узнают, запоминают вашу манеру общения, вашу компетентность и т. д.

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

Чем отличается граватар от аватара

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

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

Как создать

Итак, переходим к самому главному. Сначала нужно зарегистрироваться на сервисе Gravatar. Для этого переходим по ссылке ru.gravatar.com. Открывается страница входа.

Если вы уже зарегистрированы на этом сервисе, то для вас кнопка Войти, иначе щелкаем по кнопке Создайте собственный граватар. Вам будет предложено зарегистрироваться и на сайте WordPress.com

Указываем E-mail, логин и придумываем пароль. Жмем Signup. После этого вы получите предложение проверить свой почтовый ящик.

В нем будет письмо со ссылкой для активации аккаунта. Щелкаем Activate Account

Наш аккаунт на WordPress.com создан, теперь возвращаемся на gravatar.com (кнопка Sign in to Gravatar)

Теперь перед нами раздел Управление Граватарами. Чтобы было более понятно, можно перевести страницу с помощью браузера.

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

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

После этого предлагается выбрать рейтинг картинки. Обычно это G. Вся система рейтингов подробно описана.

Теперь выбранное изображение будет связано с вашим адресом.

Как видите, все очень просто. Теперь у вас в Интернете будет свое «лицо», свой логотип.

Можете протестировать его на моем сайте, оставив комментарий.

До скорых встреч!

Сообщение Как сделать граватар появились сначала на Создай свой сайт.

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

Так вот, одним из недостатков выбранной мною темы было невыразительное выделение цитаты. Она выделялась только дополнительным отступом слева. Пришлось дорабатывать CSS-стили, чтобы этот элемент текста стал более заметным и красивым.

Для чего выделять цитаты на сайте

Назову три причины:

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

Для того, чтобы выделить часть текста особым образом, можно использовать различные способы.

Редактирование CSS-стилей

Первым и наиболее правильным способом оформления цитаты следует считать использование тега blockquote и его стилей. Хотя с помощью CSS-правил можно выделить любой фрагмент (я об этом писал в статье «Применение стилей CSS в редакторе WordPress»), только тег blockquote дает знать поисковым системам, что этот фрагмент является цитатой, и он не может быть уникальным.

Именно этот тег ставится в код, если мы используем кнопку Цитата в визуальном редакторе WordPress.

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

Этот файл можно редактировать двумя способами:

1. Скачать его с помощью FTP-клиента с сервера на свой компьютер, открыть в текстовом редакторе Notepad++, внести изменения и снова закачать. Файл style.css находится по адресу wp-content/themes/ваша_тема/style.css.
2. Можно воспользоваться встроенным в WordPress редактором кода. Чтобы его открыть в панели управления WP выбираем Внешний вид – Редактор. К сожалению, этот редактор не показывает номера строк, что затрудняет поиск.

Прежде, чем вносить изменения в файл style.css, отредактируйте код с помощью инструмента Web Tools в браузере Google Chrome или аналогичном в браузере Mozilla Firefox. С помощью этих средств можно сразу визуально увидеть, как будет выглядеть цитата на вашем сайте.

Примеры оформления цитат

Цитата с символом «кавычки»

Этот символ считается общепринятым для обозначения цитат, поэтому применяется чаще всего. Кавычки можно вставить, используя рисунок, что встречается чаще, а можно это сделать, применив код символа «\201C», что и показано в приведенном примере.

Вот изображение

А вот соответствующий код

blockquote {
background: none repeat scroll 0 0 #fea;
color: #009a82;
font-family: Georgia,serif;
font-size: 18px;
font-style: italic;
line-height: 1.45;
padding: 1.25em 50px;
position: relative;
width: 750px;
}
blockquote:before {
color: #009a82;
content: "\201C";
display: block;
font-size: 60px;
left: 1px;
position: absolute;
top: 1px;
}

• В этом коде во второй строке #fea – цвет фона, можно заменить на свой,
• 3 строка – цвет шрифта,
• 4, 5, 6, 7 – параметры шрифта,
• 8, 9 – положение фрагмента,
• 10 – ширина блока, ее можно указать в процентах, например, 90%.

Дальше идет описание кавычек

• 13 – цвет,
• 16 – размер,
• 17-19 – положение.

Выделение рамкой

Вот пример:

А вот простой CSS-код для него:

blockquote {
color: #333;
font-family: Verdana, Geneva, sans-serif;
border: 1px dashed #999;
background: #F8F4AB;
padding: 10px 20px;
}

Плагин WP-Note для оформления фрагментов текста на блоге

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

Скачать плагин можно по ссылке.

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

Теги плагина WP-Note

• Вариант «Заметка». Если заключить текст в теги [note][/note], получится такое оформление:
• Вариант «Помощь». Для него используем теги [help][/help]
• Вариант «Совет». Теги [tip][/tip]
• Вариант «Предупреждение». Теги [warning][/warning]
• Вариант «Запомни». Теги [important][/ important]

Редактирование плагина

Если варианты оформления, установленные по умолчанию, вам не нравятся, или они не гармонируют с дизайном вашего сайта, их можно изменить. Но для этого уже придется вносить изменения в файл стилей. Найти его можно по адресу wp-content/plugins/wp-note/style.css.

Можно также использовать и встроенный редактор WordPress. Для этого в панели управления выбираем Плагины – Редактор, потом справа в выпадающем списке находим Wp-note и нажимаем кнопку Выбрать, появится список всех файлов плагина.

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

До скорой встречи!

Сообщение Оформление цитат на WordPress с помощью CSS и плагина появились сначала на Создай свой сайт.

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

Когда-то, когда поисковые системы были еще не очень «умными», достаточно было вставить в статью побольше ключевых слов, чтобы она попала в ТОП. Но такие статьи было не очень приятно читать, они вызывали «тошноту». Отсюда такое название.

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

Тошноту можно вычислять по-разному, поэтому есть два ее вида – классическая и академическая. Кроме этого, определяется еще и тошнота по слову.

Классическая рассчитывается по количеству самого повторяющегося слова.

Академическая вычисляется по повторам самых употребительных слов и словосочетаний.

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

Сервис работает быстро, вы практически сразу получите результат.

Требования к тошноте текста бывают разные, это зависит от заказчика публикации. Я стараюсь добиться, чтобы академическая была не больше 7,5, а по слову — не больше 2,5.

Классическая тошнота для SEO-продвижения не имеет особого значения, но, тем не менее, стараюсь, чтобы ее значение было не больше 5-6.

Как быстро исправить текст

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

Тем не менее, работу в Wordе можно ускорить, используя автоматический поиск. Для этого запускаем Word, вставляем в него наш текст и нажимаем кнопку Найти (Ctrl+H). В открывшееся окно поиска вставляем слово, которое  по результатам проверки встречается слишком часто, и нажимаем Enter. Все нужные нам слова сразу выделяются в тексте.

Теперь нужно работать с ними – или удалять,  или заменять синонимами. Для подбора синонимов можно воспользоваться специализированным ресурсом. Их существует много, например, Sinonimonline.ru.

К сожалению, после замены одного слова выделение пропадает, и нужно снова нажимать кнопку Далее, но, тем не менее, это значительно ускоряет работу. Заменив несколько слов, можно скопировать исправленное и снова проверить его в Advego. Так мы поступаем до тех пор, пока не добьемся нужных результатов.

Еще одно полезное замечание. Advego ищет и считает слова по корню. Например, если в отчете сказано, что слово ребенок встречается 15 раз, значит, имеются в виду слова ребенок, ребенка, ребенку и т. д. Поэтому, когда вы работаете в Wordе, в поиск вводите только корень (ребен).

Итак, я думаю, что вы поняли, как улучшать тексты ваших статей, что такое тошнота текста и как проверить ее онлайн. И если их уровень слегка не дотягивает до уровня романов Льва Толстого, то хотя бы «тошнить» читателей от них не будет.

До скорой встречи!

Сообщение Что такое тошнота текста, как ее проверить онлайн, или как стать писателем появились сначала на Создай свой сайт.

Сегодня я хочу рассказать об уникальном инструменте для веб-разработчиков, встроенном в популярный браузер Google Chrome. Этот инструмент называется WebTools или веб-инспектор. Из-за простоты и удобства им могут пользоваться как люди, профессионально занимающиеся созданием сайтов, так и те, кто лишь немного знаком с языками HTML и CSS. Инструмент позволяет исправлять ошибки в коде сайта во время его создания, вносить изменения в готовые сайты: изменять расположение элементов, их дизайн и многое другое.

Рассмотрим инструмент WebTools подробнее.

Как открыть окно веб-инспектора

Это можно сделать двумя способами:

• 1 способ: при активном окне браузера Google Chrome нажать клавишу F12.
• 2 способ: щелкнуть ПКМ на том элементе, код которого вы хотите посмотреть, и в контекстном меню выбрать Просмотреть код. В этом случае WebTools покажет именно эту часть кода.

Окно инструмента состоит из двух частей. По умолчанию, слева открывается вкладка Elements, в которой отображается HTML-код страницы, а справа – вкладка Styles. В ней расположен CSS-код выделенного элемента.

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

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

Способы перемещения по коду

Возможны два таких способа.

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

Для переключения режимов перемещения используется самая левая кнопка.

Редактирование кода

Главное достоинство WebTools состоит в том, что все изменения в коде сразу видны на веб-странице в окне браузера, то есть этот инструмент превращает ваш браузер в визуальный редактор.

Чтобы редактировать код, нужно сделать двойной щелчок на соответствующем теге, атрибуте, CSS-селекторе или его значении. Элемент выделится и его можно редактировать.

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

Выделение столбиком

Интересная особенность инструмента состоит в том, что он позволяет выделять код не только строчками, но и столбиком. Для этого переходим на вкладку Sources, выбираем файл для редактирования, находим нужные строчки, нажимаем клавишу Alt и выделяем столбик с одинаковыми кусочками кода. Этим способом можно редактировать сразу несколько одинаковых элементов в разных строчках.

Тестирование адаптивной верстки

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

Кодирование изображения в Base64

В статье «Оптимизация сайта с помощью схемы data: URL» я писал о том, что для ускорения загрузки сайта небольшие изображения можно закодировать в формате data URL и вставлять такой код непосредственно в HTML-страницу. Так вот, наш уникальный инструмент позволяет выполнить такую кодировку. Как это сделать?

1. Переходим на вкладку Network
2. Нажимаем img
3. Нажимаем клавишу F5
4. Выбираем нужную картинку
5. Щелкаем правой кнопкой по ней и выбираем Копировать data URL
6. Переходим на вкладку  Console и вставляем скопированное
7. Появляется код, которым можно заменить нашу картинку

Секретная фишка

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

Недостатки

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

А пока для наглядности предлагаю посмотреть видео:

Сегодня я познакомил вас с одним из инструментов, полезных для веб-разработки, но таких инструментов много, поэтому команда WebForMyself разработала новый курс «Инструменты Front-End разработчика». Если вы занимаетесь созданием сайтов, то вам этот курс будет наверняка интересен и полезен. Вот ссылка на курс

Инструменты Front-End разработчика

Надеюсь, и моя статья была вам полезна. Если так, не забудьте поделиться ей в cоцсетях.

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

Сообщение Chrome DevTools — уникальный инструмент для веб-разработки появились сначала на Создай свой сайт.

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

С этим методом заработка меня познакомил Е. Вергус, о котором я уже не раз упоминал в своих статьях.

Для привлечения покупателей владельцы интернет-магазинов используют разнообразные методы. Один из них – так называемые кешбеки. Что это такое? Под этим термином понимают возврат части стоимости покупки для увеличения лояльности покупателя.

Чтобы получить такой кешбек, нужно воспользоваться специальным сервисом. Это сервис Lety Shops. Чтобы начать экономить на своих покупках и зарабатывать на чужих, нужно всего лишь зарегистрироваться на этом ресурсе, и заходить в магазины уже через него. Сервис сотрудничает уже почти с тысячей самых известных магазинов.

Скоро наступит время новогодних распродаж, когда большинство магазинов предоставляют значительные скидки на свои товары, но дополнительная скидка в виде кешбека никому не помешает. Таким образом, используя скидки магазинов и возможности сервиса Lety Shops, вы можете получить заметную экономию.

Регистрация в сервисе Lety Shops

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

Итак, как же работать с Lety Shops?

1. Начинаем с регистрации. Зарегистрироваться можно по этой ссылке. Теперь на сервисе у вас будет личный кабинет. Для знакомства с процедурой приобретения товара и получения кешбека вам предложат сделать пробный заказ.
2. Для приобретения товара переходим на вкладку Магазины с кешбеком. Их здесь, как я уже говорил, почти тысяча. Каждый имеет свою иконку.
3. Выбираем нужный нам магазин, щелкаем на его иконке и переходим непосредственно на сайт магазина.
4. Выбираем нужный нам товар, покупаем его и ждем возврата части денег на счет в личном кабинете.
5. Накопленные средства можно использовать для дальнейших покупок, а можно вывести на банковскую карту.
6. Для заработка на чужих покупках нужно получить партнерскую (реферальную) ссылку. Чтобы это сделать выбираем вкладку Приведи друга. Вы можете приглашать друзей, используя полученную ссылку или рекламируя сервис через социальные сети.

Как видите, все очень просто. Используя сервис Lety Shops, вы теперь можете экономить на покупках в Интернете и еще зарабатывать при этом.

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

До скорой встречи!

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

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

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

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

Алгоритм работы с партнерскими программами

1. Завести электронные кошельки. При регистрации аккаунта партнера от вас потребуют номер кошелька, так как именно на него будут выводиться деньги. Большая часть партнерок выплачивает их на WebMoney, поэтому наличие этого кошелька обязательно в первую очередь. Желательно также завести кошелек в системе ЯндексДеньги.
2. Выбрать партнерскую программу. Где их искать, напишу ниже. От этого выбора будет зависеть очень многое. Товар должен быть достаточно новым, востребованным, качественным. Если он никому не нужен, не пользуется спросом, то и вы не получите никаких процентов.
3. Обязательно следует проанализировать аудиторию, выяснить, кому нужен этот товар. На основе этого анализа строится дальнейшая рекламная кампания. Например, нет смысла размещать на сайте, посвященном цветоводству, партнерскую ссылку на курс по методам самообороны  без оружия.
4. Зарегистрироваться в партнерке и получить свою партнерскую ссылку. Очень часто для партнеров предлагаются уже готовые рекламные материалы: баннеры, тексты писем для почтовой рассылки, для статей блога, статусы для размещения в соцсетях. Все это можно и нужно использовать в своей работе
5. Начать рекламировать товар со своей ссылкой
6. Получать комиссионное вознаграждение.

Где искать партнерки?

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

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

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

Еще один сервис для партнеров называется Петр I. На нем немного товаров, но все они хорошего качества и достаточно востребованы.

Кроме таких сервисов есть и индивидуальные партнерки инфобизнесменов, основанные на собственных скриптах приема оплаты.

Где рекламировать?

Способов рекламы партнерских ссылок тоже очень много. Среди них есть как платные, так и бесплатные.

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

Если нет блога, ссылки можно вставлять в посты в соцсетях ВКонтакте, Facebook, Одноклассники и других.

Можно использовать различные форумы, публиковать ссылки в комментариях на чужих блогах.

Эффективный, но сложный для новичка метод – использование рекламных сетей Яндекс Директ и Google Adsens.

Как научиться?

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

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

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

Изучайте и применяйте полученные знания на практике.

Желаю вам успехов!

Сообщение Как зарабатывать на партнерских программах появились сначала на Создай свой сайт.

Сегодня у меня небольшая, но полезная статья о том, как узнать ID рубрики на блоге под управлением WordPress.

Что такое ID?

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

Для программных средств удобнее числовая идентификация.

Для чего нужно знать ID?

Иногда возникает необходимость узнать этот номер. Чаще всего это нужно, когда вы вносите какие-то изменения в код  WordPress. Например, иногда нужно, чтобы записи из заданной рубрики не отображались на главной странице. Чтобы это сделать, необходимо добавить некоторый код, содержащий ID рубрики.

Определение ID

Итак, узнать ID категории очень просто. Для этого заходим в панель управления CMS WordPress, открываем список рубрик и наводим указатель мыши на название нужной нам рубрики.

Теперь  обращаем внимание на то, что в нижней части страницы отображается URL этой рубрики. Нас интересует часть, содержащая символы ID=…  Это и есть нужный нам идентификатор.

Аналогично можно определить ID не только для рубрик, но и для меток, записей, страниц, медиафайлов, только вместо ID там будет отображаться post=…

Я надеюсь, вам все понятно, не забудьте поделиться статьей с друзьями.

Сообщение Как узнать ID рубрики на WordPress? появились сначала на Создай свой сайт.

В предыдущей статье я написал о том, как сохранить закладки и настройки в браузере Google Chrome. Сегодня статья аналогичная, но в ней мы разберем, как делается синхронизация закладок и других настроек в не менее популярном браузере Mozilla Firefox.

Первый способ. Сохранение закладок в виде HTML-файла.

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

Для работы с закладками в Мозилле используются две кнопки – звездочка для сохранения ссылки, а вторая открывает список команд для работы с закладками. Чтобы выполнить экспорт в файл, выбираем команду Показать все закладки и открываем Библиотеку.

С этим инструментом браузера следует познакомиться поближе, так как он дает возможность активно управлять закладками, сортировать их по различным признакам.

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

Кстати, здесь есть еще одна удобная функция – Импорт из другого браузера.

Второй способ. Синхронизация с аккаунтом Firefox.

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

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

Вот и все, надеюсь, вам понятно.

До скорой встречи.

Сообщение Как выполняется синхронизация закладок в браузере Mozilla Firefox появились сначала на Создай свой сайт.

В этой статье я хочу рассказать о том, как сохранить закладки в браузере Google Chrome.

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

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

Но если вы читаете этот блог, значит, вас интересует тема создания сайтов и что такое переустановка Windows, вам известно не понаслышке.

И так, ОС Windows самая популярная операционка, но она не лишена недостатков, и при активной работе с компьютером вы постепенно замечаете, что он начинает «тормозить», «зависать» и никакие «чистки» и «лечения» уже не помогают. В этом случае приходится переходить к радикальным мерам – переустановке ОС. Эта операция сама по себе не занимает много времени, гораздо дольше приходится устанавливать и настраивать необходимые программы.

Эту проблему в некоторых случаях можно решить с помощью программы Acronis True Image. Например, у меня на работе в компьютерном классе 10 рабочих станций, плюс еще около двадцати. С помощью Acronis True Image я один раз сделал образ жесткого диска со всеми настройками и установленными программами, и теперь в начале учебного года за несколько минут восстанавливаю всю систему после того, как в течение года над ней издевались, как могли. Кстати, такой образ неплохо иметь на случай непредвиденной аварийной ситуации. Если вас интересует подробнее работа с программой Acronis, напишите в комментариях.

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

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

Поэтому я решил написать несколько статей о том, как сохранить настройки программ и перенести их или на новый компьютер, или на ПК после установки Windows. Начать я решил с популярного браузера Google Chrome.

Итак, начнем с самого простого.

Как создать закладку?

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

Как сохранить закладки в виде файла

Для этого опять переходим в Закладки, открываем Диспетчер закладок, нажимаем кнопку Управление и выбираем пункт Экспортировать закладки. Указываем место сохранения HTML-файла и даем ему имя (можно оставить по умолчанию bookmarks_…….html). Теперь, если вы переустановили систему, и хотите вернуть избранное в свой любимый Google Chrome, снова идем в Закладки, и теперь выбираем пункт Импортировать, указываем наш сохраненный файл и жмем Ok. Все, ссылки вернулись на место.

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

2 способ. Синхронизация настроек

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

Чтобы выполнить синхронизацию, нужно иметь аккаунт в Гугле. Заведите, если у вас его еще нет.

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

Теперь вам не страшна переустановка Windows. Достаточно после нее снова выполнить синхронизацию, и ваш браузер примет исходное состояние.

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

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

Я думаю, теперь вам все понятно о том, как сохранить закладки и настройки в Хроме.

В следующей статье я напишу об аналогичных операциях в браузере Mozilla Firefox, подписывайтесь на обновления, чтобы не пропустить новые статьи.

Если статья для вас оказалась интересной и полезной, поделитесь с друзьями в соцсетях.

Сообщение Как сохранить закладки в Google Chrome: 2 простых способа появились сначала на Создай свой сайт.

Я уже писал про лучший файловый менеджер Total Commander, но в одной статье невозможно охватить все его возможности и достоинства. В этой статье я хочу описать его использование в качестве ftp-клиента.

Сначала выясним, что такое ftp-клиент. Аббревиатура FTP расшифровывается как File Transfer Protocol (протокол передачи файлов). Этот протокол описывает правила обмена файлами между сервером Интернета и компьютером пользователя. Для такого обмена на сервере устанавливается программа ftp-сервер, а на домашнем компьютере –  ftp-клиент. Благодаря этой программе мы можем не только скачивать файлы из Интернета, но и загружать их на хостинг. Хотя большинство провайдеров имеют Web-интерфейс для загрузки файлов, но все же удобнее использовать специальную программу для ftp-соединения.

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

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

Итак, чтобы начать работу по ftp-протоколу, выполняем команды Сеть – Соединиться с ftp-сервером или воспользуемся соответствующей кнопкой,  если вы ее не убрали при настройке панели инструментов. После этого открывается главное окно со списком всех проектов. Здесь же кнопки Соединиться, Добавить и т. д., ничего сложного.

Если нужно единожды соединиться с каким-то удаленным сайтом, то выбираем кнопку Новый URL, вводим адрес ftp-сервера и жмем Ok. В окне менеджера откроется список удаленных файлов и папок, конечно, если есть доступ к ним.

Но чаще приходится работать с удаленными серверами на постоянной основе, поэтому необходимо, чтобы все данные для соединения были сохранены. Для этого используем кнопку Добавить. Открывается окно настройки ftp-соединения. В нем нужно ввести заголовок (произвольно, обычно – имя сайта). Имя сервера, учетную запись и пароль вы получаете при регистрации хостинга. Обратите внимание, что хранить пароли в программе небезопасно, это обычно называют недостатком менеджера, но, на самом деле, если вы имеете нормальную защиту, то можно спокойно хранить пароли. То есть это проблема общей безопасности, а не конкретного приложения.

Очень удобно использовать поля Удаленный каталог и Локальный каталог. Указав их, вы будете сразу открывать обе папки с содержимым сайта: на сервере папку назначения и на компьютере – исходную папку.

Еще одна полезная «фишка» Total Commander – синхронизация каталогов. Ее удобно использовать для обновления небольших HTML-сайтов. Для этого, открыв предварительно два каталога, которые нужно синхронизировать, в меню находим Команды – Синхронизировать каталоги, настраиваем параметры (это делается один раз), и нажимаем на кнопку Сравнить, а потом Синхронизировать. Все новые или обновленные данные закачиваются в удаленную папку.

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

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

Итак, то, что Total Commander имеет встроенный ftp-клиент, является еще одним поводом для использования этого универсального менеджера.

А каким образом вы осуществляете обмен файлами с удаленным сервером? Напишите в комментариях. И не забывайте делиться статьей в соцсетях.

До скорой встречи!

Сообщение FTP-клиент менеджера Total Commander появились сначала на Создай свой сайт.

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

Что же это за адреса?

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

Поэтому было сделано так: документ напечатали, поставили печати и подписи, потом отсканировали и как pdf-документ направили нам. Ссылки оказались просто картинками. Вот они:

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

Для чего сокращать ссылки?

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

Но это не единственная причина, по которой используют сокращение ссылок.

Необходимость сокращения URL возникла с ростом популярности социальных сетей, особенно Твиттера. Длина сообщения в нем ограничена 140 символами. Если размещать длинный адрес, то на текст сообщения места совсем не остается. Необходимо ссылку сократить.

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

Сервисы сокращения

В настоящее время существует просто огромное количество полезных сервисов для выполнения этой операции. Я насчитал их более двух десятков. Каждый имеет свои достоинства и недостатки. Напишу немного о наиболее популярных.

Очень многие используют сервис bitly.com. На нем также регистрируется аккаунт, есть статистика переходов, возможность использования своего домена для создания коротких ссылок.

Еще один популярный сервис принадлежит социальной сети ВКонтакте. Он находится по адресу vk.com/cc. Здесь нет личного аккаунта. Созданные ссылки не сохраняются и, конечно, статистику по ним вы не увидите.

Совсем недавно узнал, что аналогичный сервис имеет и Яндекс. Он называется Серьезный укорачиватель URL – Кликер. Он тоже прост – никакой статистики и хранения. Его особенность – создание QR-кода ссылки.

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

P.S. Еще один сервис по сокращению ссылок порекомендовал мне в комментариях один из читателей моего блога, Андрей. Вот ссылка на этот сервис https://cuu.su. Он также позволяет зарегистрированным пользователям отслеживать статистику кликов, а приятной особенностью я считаю, что здесь можно задавать свое имя для ссылки.

Прятатель ссылок

Для тех, кто имеет сайты на основе CMS WordPress, есть еще один хороший метод сокращения ссылок. Для этого используется специальный плагин Прятатель ссылок. Он имеет две версии – платную и бесплатную. В бесплатной версии можно только создавать ссылки вида http://ваш_домен/***, где *** — произвольный набор символов, который вы придумываете сами. В платной версии, несмотря на то, что стоит она всего 150 рублей, возможностей гораздо больше. Вы получаете полное управление ссылками: их можно создавать, удалять, делать к ним комментарии и анализировать статистику кликов. Для работающих с партнерскими программами – это лучший вариант. Скачать бесплатную версию можно здесь, но я рекомендую использовать сразу PRO-версию плагина.

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

Не забудьте поделиться статьей в социальных сетях.

Сообщение Как сократить ссылку — сервисы и плагин появились сначала на Создай свой сайт.

В этой статье не будет полного руководства по программе ТС, для этого есть другие сайты, в частности, официальные сайты www.ghisler.com и wincmd.ru.

Моя задача – показать возможности файлового менеджера по оптимизации работы за компьютером.

Установка программы

Чтобы работать с программой, ее нужно скачать и установить. Для скачивания переходим на русскоязычный сайт программы wincmd.ru и скачиваем последнюю версию.

Несмотря на то, что программа платная, она продолжает работать и после окончания тестового периода.

Настройка ТС

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

Чтобы открыть окно настроек, выполняем команды Конфигурация – Настройки.

Как видите, в списке настроек довольно много пунктов. Большинство из них можно оставить без изменений. Буду писать о тех, которые предлагаю изменить.

Настройка внешнего вида

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

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

Еще я убираю квадратные скобки вокруг имен папок Настройка – Содержимое панелей – Показывать квадратные скобки вокруг имен файлов.

На первой вкладке Вид окна я ставлю все галочки.

Можно изменить внешний вид кнопок на панели инструментов Конфигурация – Панель инструментов.

Идем дальше по настройкам.

Вкладка Наборы колонок

В каждой панели ТС информация представлена в виде колонок (Имя, Тип, Размер, Дата …). Программа дает возможность работать с колонками: добавлять, убирать, изменять, создавать готовые наборы колонок. Например, если в каталоге находятся фотографии, нас интересуют одни данные о файлах, а если текстовые документы – то другие. Можно сделать несколько готовых наборов колонок и легко, ПКМ, переключать их.

Вкладка Основные операции

Здесь я рекомендую поставить галочку в пункте При смене дисков всегда переходить в корневой каталог. Также удобнее поставить выделение мышью Левой кнопкой (как принято в Windows).

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

На вкладке Разное хочу обратить ваше внимание на первый раздел Запрашивать подтверждение при:.

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

Панель операций с файлами

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

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

Чтобы выполнить такую настройку, открываем вкладку Настройка – Правка/Просмотр. Здесь же настраивается и кнопка F4Правка, которая запускает редактор текстов. Его вы выбираете сами, например, у меня стоит Notepad++, это отличная замена стандартному Блокноту. О нем я писал подробно в статье «Web-редакторы. Notepad++».

Копирование и перемещение

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

Работа с архивами

Еще одно достоинство ТС состоит в том, что он работает с архивами также как с обычными каталогами. Вы можете зайти в архив, посмотреть в панели менеджера, какие файлы в нем находятся, добавить в архив новые файлы и т. д. Архивирование и разархивирование происходит автоматически.

Избранные каталоги

Эта «фишка» Total Commander нравится мне больше всех. Но сначала старый анекдот про даму с кошелочкой.

В общем, дело было так:
Суд.
— Подсудимый, за что Вы убили женщину?
— Еду я в автобусе, подходит кондуктор к женщине, с требованием купить билет. Женщина открыла сумочку, достала кошелочку, закрыла сумочку, открыла кошелочку, достала кошелек, закрыла кошелочку, открыла сумочку, положила туда кошелочку, закрыла сумочку, открыла кошелек, достала деньги, открыла сумочку, достала кошелочку, закрыла сумочку, открыла кошелочку, положила туда кошелек, закрыла кошелочку, открыла сумочку, положила туда кошелочку.
— И что?
— Контролер ей дал билет. Женщина открыла сумочку, достала кошелочку, закрыла сумочку, открыла кошелочку, достала кошелек, закрыла кошелочку, открыла сумочку, положила туда кошелочку, закрыла сумочку, открыла кошелек положила туда билет, закрыла кошелек, открыла сумочку, достала кошелочку, закрыла сумочку, открыла кошелочку, положила туда кошелек, закрыла кошелочку, открыла сумочку, положила туда кошелочку, закрыла сумочку. «Возьмите сдачу», раздался голос контролера. Женщина… открыла сумочку…
— Да убить ее за это мало, — не выдерживает прокурор.
— Так я это и сделал :))).

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

В ТС такие каталоги можно сделать избранными, по аналогии с браузерами. Нажимаем на кнопочку со звездочкой (или Ctrl+D) – и вот перед нами список наиболее посещаемых директорий.

А рядом еще одна интересная кнопочка (Alt+стрелка вниз), которая открывает историю последних посещений.

Панель инструментов

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

Например, на нее можно вынести кнопки наиболее часто используемых программ и запускать их прямо из ТС. Делается это просто. Открываем папку с программой и перетаскиваем значок программы на панель инструментов. Теперь один и тот же файл можно легко открывать разными программами. Допустим, файлы с расширением .jpg по умолчанию открываются программой FastStone Image Viewer, а перетащив его на значок Ps, можно открыть его для обработки, или файлы .NEW умолчанию открываются программой Adobe Lightroom, а перетаскивая, их можно открыть в просмотрщике.

Можно добавить на Панель инструментов кнопки команд из огромного списка менеджера. Рассмотрим это на примере добавления кнопки отображения скрытых и системных файлов.

Открываем окно настройки Конфигурация – Панель инструментов

Нажимаем кнопку Добавить и открываем список команд, щелкнув на кнопке поиска.

Чтобы найти нужную команду, в окно Фильтр начинаем вводить ключевое слово. Мне достаточно было набрать скр. Нужная нам команда имеет номер 2011. Нажимаем Ok, выбираем подходящую иконку, и снова Ok.

Теперь на панели появилась кнопка, позволяющая быстро включать и выключать показ скрытых и системных файлов и папок.

Таким способом можно настроить панель  инструментов в удобном вам виде.

Горячие клавиши

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

Файлы без подкаталогов

Еще одна интересная возможность менеджера – показ всех файлов, находящихся в папках, без самих папок. Это бывает нужно, когда требуется выбрать из  множества директорий какие-то файлы. В Проводнике для этого пришлось бы открывать и закрывать все директории (смотри анекдот выше), в Total Commandere достаточно нажать на кнопку Показать все файлы без подкаталогов (Ctrl+B) и все файлы будут на виду. Их можно сортировать, как будто они в одной папке, копировать и т. д.

Групповое переименование

Эту функцию я использую для переименования фотографий. После съемки цифровым фотоаппаратом снимки имеют малоговорящие названия, например, SDC13191.jpg. Чтобы их быстро переименовать, выделяем все нужные файлы и выполняем команды Файл – Групповое переименование (Ctrl+M).

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

Миниатюры изображений

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

Поддержка вкладок

Еще одна полезная «фишка» ТС – открытие нескольких вкладок в панели. Новая вкладка открывается комбинацией Ctrl+T. Используя вкладки, вы можете открыть сразу несколько директорий, и легко переходить между ними.

И еще один полезный совет: чтобы открыть папку в соседней панели нажимаем Ctrl+стрелка влево/вправо.

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

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

Я предлагаю вам более интересное решение в виде новой работы Евгения Попова, которая получила название «Хозяин времени».

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

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

Сообщение Лучший файловый менеджер Total Commander появились сначала на Создай свой сайт.

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

Коротко о его достоинствах и недостатках:

• Сервис определяет позиции именно по тем запросам, под которые оптимизированы статьи блога.
• Запуск анализа позиций сайта можно выполнять вручную, а можно настроить периодический автоматический запуск, и получать результаты анализа на электронную почту.
• Вы имеете возможность анализировать не только свои ресурсы, но и получать информацию о позициях ваших конкурентов.
• Отчеты можно получать в удобных для анализа форматах.
• Сервис имеет удобный функционал и понятный интерфейс.
• Единственным его недостатком можно считать то, что сервис платный, но и здесь есть приятные особенности: при регистрации вы получаете бонус – 1000 бесплатных проверок. Для маленького сайта это достаточно много, можно освоить сервис и оценить его возможности.

Начало работы

После регистрации в сервисе, как я уже говорил, мы получаем бонус – 1000 монет. «Монеты» — это внутренняя валюта. 1 монета – стоимость проверки одной позиции в одной поисковой системе. Чтобы проверить 50 запросов в Googlе и Яндексе, необходимо 100 монет. Цена монет зависит от суммы, на которую пополняется баланс, чем больше вы платите, тем дешевле монеты.

Вот таблица с ценами:

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

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

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

Переходим на следующую вкладку – Интервал проверок. Проверку можно выполнять вручную По требованию, для этого нажимаем кнопку Обновить отчет и ждем результатов, но я рекомендую настроить автоматическую проверку. Как показывает опыт, ручная проверка все время откладывается (то нет времени, то забыл и т. п.). Кроме того, если запросов много, то проверка идет довольно долго. При автоматической проверке вы получаете уже готовые результаты на E-mail.

Какой выбрать интервал проверок? Это зависит от ваших возможностей, ведь мало получить результаты анализа позиций, нужно принять меры для их повышения, а это требует времени. Можно настроить запуск проверки после апдейтов Яндекса (они происходят приблизительно раз в неделю), можно раз в две недели, раз в месяц и т. д.

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

При первом использовании сразу нажимаем кнопку Обновить отчет и получаем список ключевых слов с их позициями.

Результаты проверки

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

Итак, после формирования отчета на вкладке Обзор мы видим следующее:

• Графики с запросами в ТОП-3, -10, -50;
• Количество запросов в ТОП-3, -10, -50;
• Количество запросов, которые увеличили или уменьшили позиции;
• Самое главное – таблица с позициями сайта по всем запросам. В ней указаны не только сами позиции, но и их динамика – на сколько они поднялись или опустились. Условные обозначения помогут вам разобраться в таблице.

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

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

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

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

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

Еще одна интересная кнопка Статистика. Перейдя на соответствующую вкладку, можно подключить Google Analytics и видеть посещаемость сайта по вашим запросам.

Как видите, проверка позиций сайта в онлайн-сервисе Allpositions не составляет трудностей, но дает подробные результаты, именно поэтому я и рекомендую вам этот сервис. Попробуйте, не пожалеете.

Недавно появился еще один сервис https://serphunt.ru, который не только служит для проверки позиций, но и для анализа сайта по другим, не менее важным метрикам. Если говорить о мониторинге позиций сайта – то стоимость одной проверки составляет от 0,04 до 0,02 р, в зависимости от выбранного тарифного плана. Есть также возможность снимать позиции бесплатно, в счет своих xml лимитов. Для небольших проектов, сервис имеет в своем функционале бесплатный инструмент, который в день позволяет проверить позиции 100 поисковых запросов. Для тестирования каждому пользователю предоставляются бесплатные лимиты на все инструменты.

А как вы ведете статистику позиций сайта в поисковых системах по ключевым словам? Напишите в комментариях.

Сообщение Проверка позиций сайта в поисковиках онлайн с помощью сервиса Allpositions появились сначала на Создай свой сайт.

Понятие семантического ядра

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

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

Необходимость создания

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

Рассмотрим, как происходит поиск. Пользователь набирает в строке Яндекса, Гугла или другой поисковой системы поисковый запрос, например «как выращивать огурцы на подоконнике». В ответ поисковая система выдаст нам список статей из различных сайтов, отвечающих этому запросу. Обычно этот список очень велик, но на первых местах стоят те документы, которые наиболее точно соответствуют этому запросу, то есть мы получаем пару

ключевое слово – поисковый запрос.

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

Инструменты для создания

Для поиска ключевых слов и формирования семантического ядра создано много программ и онлайн-сервисов.

Самый первый сервис, известный всем кто хоть немного знаком с SEO-продвижением – Yandex Wordstat. Он дает возможность работать со статистикой поисковых запросов в ПС Яндекс.

Аналогичный сервис от Google – инструмент подсказки ключевых слов Google Adwords. Он имеет свои особенности и немного другие возможности.

Существуют и специальные программы для анализа поисковых запросов и создания семантического ядра.

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

Есть и упрощенная бесплатная версия этой программы с неприличным названием СловоЁб. Многие блоггеры используют ее и получают неплохие результаты.

Также для работы используются готовые базы поисковых запросов. База Пастухова – это платный онлайн-сервис, содержащий около 1,1 млрд. словоформ и программа Букварикс, которая бесплатна, но содержит аналогичное число слов. Правда, для работы с ней требуется всю базу скачать на компьютер, а ее размер в распакованном виде приближается уже к 100 Гб.

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

Параметры ключевых слов

Чтобы формировать СЯ сайта, необходимо знать, какие бывают ключевики, чем они характеризуются.

Первый важнейший параметр – частотность поискового запроса. Запросы бывают высокочастотными (ВЧ), среднечастотными (СЧ) и низкочастотными (НЧ). Назвать точные цифры для градации трудно, так как для разных тем они могут сильно различаться. Например, тема SEO-анализа достаточно узкая и НЧ-запросы в ней менее 100, а вот кулинарная тема очень популярная и широкая, и в ней низкочастотные запросы доходят до 1000. Каждую нишу нужно анализировать и определяться с частотностью запросов.

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

Второй параметр – конкурентность поискового запроса. Он не менее важен, чем частотность. Некоторые начинающие блоггеры, продвигая свой блог по НЧ-запросам, не обращают внимания на их конкурентность, и не понимают, почему нет результатов продвижения. Дело в том, что в некоторых темах даже низкочастотные запросы бывают высококонкурентными, и по ним трудно пробиться в ТОП.

План создания семантического ядра

1. Сформировать основной список запросов в вашей нише. Здесь мы основываемся на направлениях, которым посвящен веб-ресурс.
2. Спарсить самые разные поисковые запросы с помощью вышеназванных инструментов.
3. Проанализировать полученные запросы на частотность и конкурентность и выбрать самые эффективные ключевые слова.
4. Распределить полученные ключевики по статьям, формируя тем самым предварительную структуру сайта или блога.

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

Советы блоггерам

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

1. Не беритесь сразу за использование таких сложных инструментов, как Key Kollector. Без четкого понимания смысла семантического ядра эта программа будет для вас сложной и во многом бесполезной. Попробуйте для начала более простые методы.
2. Относитесь к составлению СЯ серьезно, это важнейшее средство продвижения. Ключевые слова должны быть качественные.
3. Сразу составить полное и окончательное ядро невозможно – вы не можете точно предвидеть, сколько и каких статей будет у вас на блоге. Блог, как живое существо, живет и развивается. Поэтому занимайтесь подбором ключевых слов регулярно, к тому же будете приобретать опыт и навыки.

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

Сообщение Семантическое ядро сайта: что это такое? появились сначала на Создай свой сайт.

Давно собирался написать о том, как выполняется настройка Feedburner и, наконец, решился.

Что такое Feedburner?

Feedburner – это сервис от Google, предоставляющий RSS-услуги. Через этот сервис подписчики имеют возможность получать прямо на E-mail анонсы статей, публикуемых на блоге, таким образом всегда оставаясь в курсе новых событий.

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

Feedburner имеет множество разных настроек, но я опишу самые основные, необходимые для новичков: как настроить подписку, как настроить автоматическую отправку писем с анонсами и как сделать счетчик подписчиков.

Как «зажечь» фид

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

Итак, войдя в аккаунт, переходим по ссылке https://feedburner.google.com и заходим на интересующий нас сервис. Можно сделать и наоборот – сначала перейти по ссылке, а потом войти в аккаунт.

Сначала выбираем язык Languages – Русский.

Теперь мы должны «зажечь» фид, для этого вводим в предлагаемое поле адрес своего блога и нажимаем Next.

Теперь вам будет предложено дать имя и адрес вашему фиду. Имя я оставил то же, что предлагает сервис, оно совпадает с названием сайта. Адрес предлагается не очень удобный, лучше придумать свой, легко запоминающийся и «красивый». Адрес моего фида – http://feeds.feedburner.com/kviter

Теперь опять жмем Next, Next и приступаем к настройке фида. Здесь есть четыре закладки – Анализируй, Оптимизируй, Публикуй и Решай проблемы. Анализировать нам еще нечего и проблем тоже нет, поэтому работаем только с двумя вкладками. Начнем с вкладки Оптимизируй.

Оптимизация фида

Справа, под словом Сервисы, идет список настраиваемых опций. Галочкой отмечены уже активизированные. Щелкаем на BrowserFriendly. На открывшейся странице, в области Опции внешнего вида, в поле Тема выбираем язык Русский, ставим галочки у желаемых кнопок и идем ниже, к Опциям контента.

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

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

Следующий пункт, который стоит активизировать – SmartFeed. Там нет никаких настроек, он обеспечивает корректную работу фида в разных RSS-потоках.

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

На страницу вашей RSS ленты можно добавить любое изображение, например, логотип вашего сайта. Для этого выбираем пункт Feed Image Burner. В поле Image Source находим вариант Specify custom image URL.

В поле настроек Specify custom image URL прописываем полный путь до вашего изображения.

Теперь переходим на вкладку Публикуй.

Как видно, здесь тоже много пунктов. Например,  можно создать анимированный баннер с заголовками последних записей для размещения на других ресурсах. Пункт BuzzBoost позволяет создать HTML-вариант  RSS-ленты для публикации на сайтах. Но самое важное на этой вкладке – настройка подписки и создание счетчика.

Настройка подписки через Feedburner

Итак, переходим в пункт Подписки по электронной почте и активируем эту услугу

В разделе Subscription Management выбираем русский язык

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

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

Галочку в пункте Управление подписчиками ставим по желанию.

Дальше щелкаем Communication Preferens (Предпочтения общения)

В поле Address вводим свой обратный адрес, его видит ваш подписчик в поле От, а в Тело письма тот текст, который будет в письме полученном им после подписки. По умолчанию, там находится английский текст. Его можно заменить, например, на такой:

Здравствуйте!
Вы подписались на e-mail рассылку новостей блога Kviter.ru – Создай свой сайт. Для подтверждения подписки Вам необходимо перейти по следующей ссылке:
${confirmlink}
Примечания:
Если при переходе по ссылке страница с подтверждением не откроется, то скопируйте ссылку в адресную строку Вашего браузера и нажмите «Перейти» или «Enter» на клавиатуре.

Сам текст письма можно изменять по вашему усмотрению, но в нем обязательно должна присутствовать ссылка ${confirmlink}

Сохраняем и идем дальше – Email Branding (Внешний вид письма)

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

В поле Тема/Название письма автоматически вводится название блога, но я рекомендую ввести туда переменную ${latestItemTitle}, в этом случае темой будет название записи в фиде.

Еще ниже можно настроить внешний вид письма – добавить логотип и изменить цветовую схему.

В разделе Delivery Options настраивается время доставки

Счетчик подписчиков

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

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

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

P.S. Хочу сообщить, что успешно завершился первый поток бесплатной школы Евгения Вергуса «Я Блогер», но по многочисленным просьбам обучение в школе продолжается. Это отличный способ обучения для новичков, желающих создать свой сайт и научиться зарабатывать на нем. Зарегистрироваться в школу можно по следующей ссылке

Бесплатная школа «Я Блогер»

Скелет

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

Сообщение Настройка Feedburner — никаких секретов появились сначала на Создай свой сайт.

В предыдущей статье «Применение стилей CSS в редакторе WordPress» я писал о том, как нестандартным образом, используя строчные CSS-стили, оформить контент на сайте под управлением WordPress. Используя стили можно, в том числе, изменять и шрифт, применяемый в тексте.

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

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

Можно, но есть определенные условия.

Стандартные и нестандартные шрифты

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

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

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

Как же решить эту проблему?

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

Как подключить шрифты для сайта

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

В этой статье мы рассмотрим подробнее первый способ.

Работа с сервисом Google Fonts

Начнем с сервиса Google Fonts, как самого известного и надежного.

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

На сайте Google Fonts, как видно из скриншота, на данный момент в коллекции содержится 708 шрифтов, но не все они нам подходят. Для русскоязычных сайтов нужны шрифты, поддерживающие кириллицу. Слева располагаются фильтры для выбора, где в выпадающем списке Script выбираем Cyrillic, после чего остается уже 61 вариант. Из них мы и выбираем. Понравившиеся шрифты добавляем в коллекцию, нажимая на кнопку Add collection.

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

Далее переходим к последнему пункту – кнопка Use. Здесь можно скопировать код для подключения шрифта к сайту.

Этот код следует вставить на HTML-страницу вашего сайта между тэгами <head> и </head>. Для сайтов на WordPress эти тэги находятся в файле заголовка header.php. В пункте 4 копируется код для описания стиля CSS.

Как видите, я выбрал три варианта, и если теперь в HTML-редакторе WordPress набрать такой код:

<p style="font-family: 'Poiret One', cursive; font-size: 20px;">Этот текст оформлен нестандартно. Poiret One. </p>
<p style="font-family: 'Russo One', sans-serif; font-size: 20px;">Сделать это можно двумя основными способами. Russo One. </p>
<p style="font-family: 'Marck Script', cursive; font-size: 20px;">Рассмотрим подробнее первый способ. Marck Script. </p>

то на странице это будет выглядеть так:

Этот текст оформлен нестандартно. Poiret One.

Сделать это можно двумя основными способами. Russo One.

Рассмотрим подробнее первый способ. Marck Script.

 Работа с сервисом AllFont.ru

Еще один хороший сервис для выбора шрифта для сайта — AllFont.ru. Кажется, здесь выбор еще богаче. По крайней мере, разнообразнее. Выбирать можно, пользуясь рубрикатором или поиском по названию.

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

После этого можно скопировать коды для вставки на сайт. Все делается аналогично тому, как делали на сайте Google Fonts. Я для примера выбрал шрифт AGZeppelin-Roman, посмотрите, как он выглядит.

<p style="font-family: 'Lobster', arial; font-size: 20px;"> Добро пожаловать в крупнейшую библиотеку AllFont.ru </p>

Добро пожаловать в крупнейшую библиотеку AllFont.ru

Надеюсь, что статья оказалась для вас полезной. Если так, подписывайтесь на обновления блога, так как готовятся новые полезные статьи.

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

До скорых встреч.

Сообщение Как использовать нестандартные шрифты для сайта появились сначала на Создай свой сайт.

В сегодняшнем юбилейном, 100-м посте я хочу написать о применении стилей во встроенном редакторе WordPress для нестандартного оформления контента. Этот материал является продолжением статьи «HTML-редактор WordPress и его возможности».

С помощью стилей создается внешний вид страницы, ее оформление. Аббревиатура CSS означает Cascading Style Sheets (Каскадные таблицы стилей), об этом я уже писал в статье «Что такое CSS», но приходится немного повторяться.

Слово «каскадные» можно объяснить тем, что существует три способа описания стилей, и браузер постепенно, каскадом, прочитывает их и применяет к контенту. Кроме того, между стилями существует так называемое наследование, но о нем позже.

Способы вставки стилей

Как я уже отметил, существует три способа вставки стилей: внешний файл, внутренний стиль и строчный стиль. Рассмотрим их подробнее.

 Внешний файл

Каждый современный сайт имеет такой файл (а, бывает, и не один). Чаще всего он называется style.css. В нем описываются все методы оформления сайта: как оформляются абзацы, списки, таблицы, какие используются фоны и т. д.

Для подключения этого файла применяется тэг link в области head

<link rel=”stylesheet” type=”text/css”  href=”style.css” />

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

 Внутренний стиль

Для описания этого стиля не используется специальный файл, он прописывается в HTML-файле с помощью тэга style в области head. Например

<style type=”text/css” >
.styletext {
color: red;
font-size: 14px;
font-family: Arial;
}
</style>

Этот стиль также нельзя редактировать в HTML-редакторе WordPress.

 Строчный стиль

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

Форматы строчных стилей

Строчные стили применяются для всех тэгов, которые мы рассматривали в статье «HTML-редактор WordPress и его возможности».

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

Для блоков

<div style=”стиль: значение;  стиль: значение; ”></div>

Для изображений

<img src=”” style=”стиль: значение;  стиль: значение; ”/>

Для ссылок

<a href=”” style=”стиль: значение;  стиль: значение; ”>Текст ссылки</a>

Для выделенной части текста

<strong style=”стиль: значение;  стиль: значение; ”>Выделенный текст</strong>

Таблицы

<table style=”стиль: значение;”>
<tr style=”стиль: значение;”>
<td style=”стиль: значение;”>содержимое ячейки</td>
<td style=”стиль: значение;”>содержимое ячейки</td>
</tr>
</table>

Списки

<ul style=”стиль: значение;”>
<li style=”стиль: значение;”>Элемент списка</li>
<li style=”стиль: значение;”>Элемент списка</li>
</ul>

 Стили для текста

Стиль: font-family — шрифт.
Значение: Название шрифта — Arial, Times New Roman, Comic Sans MS…
Например,

<p style="font-family: Arial;">Этот текст содержит фразы, написанные несколькими шрифтами. Основной шрифт - Arial. <span style="font-family: Times New Roman;">Этот фрагмент написан шрифтом Times New Roman,</span> <span style="font-family: Comic Sans MS;">а этот - шрифтом Impact.</span> Здесь опять Arial.</p>

Этот текст содержит фразы, написанные несколькими шрифтами. Основной шрифт — Arial. Этот фрагмент написан шрифтом Times New Roman, а этот — шрифтом Impact. Здесь опять Arial.

Стиль: font-size — размер шрифта.
Значение: указывается в пикселях.
Например,

<div style="font-size: 30px;">Текст написан крупным шрифтом.</div>

Стиль: font-style — стиль текста.
Значения: normal — обычный, italic — курсив.
Например,

<p>Этот абзац содержит текст, в котором один <span style="font-style: italic;">фрагмент выделен курсивом,</span> а остальная часть написана обычным шрифтом.</p>

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

Стиль: font-weight — насыщенность текста.
Значения: normal — обычный, bold — жирный.
Например,

<p>Этот абзац содержит текст, в котором один <span style="font-weight: bold;">фрагмент выделен жирным,</span> а остальная часть написана обычным шрифтом.</p>

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

Стиль: text-decoration — украшение текста.
Значения: line-through — зачеркнутый, overline — надчеркнутый, underline — подчеркнутый, none — нет.
Например,

<div style="text-decoration: line-through;">Это зачеркнутый текст</div>
<div style="text-decoration: overline;">Это текст с полосой наверху</div>
<div style="text-decoration: underline;">А это подчеркнутый текст</div>
<a href="https://kviter.ru/karta-sayta" style="text-decoration: none;">Это ссылка без подчеркивания</a>

Это ссылка без подчеркивания

Стиль: text-transform – трансформация букв.
Значения: capitalize – Первые Заглавные, lowercase – все маленькие, uppercase – ВСЕ БОЛЬШИЕ, none – нет.
Например

<div style=”text-transform: capitalize;”>первая буква каждого слова большая</div>
<div style=”text-transform: lowercase;”>Все Буквы маленькие</div>
<div style=”text-transform: uppercase;”>Все буквы большие</div>

Стиль: text-align — выравнивание текста.
Значения: left — слева,right — справа, center — по центру.
Например,

<div style="text-align: left;">Этот текст выровнен по левому краю.</div>
<div style="text-align: right;">Этот текст выровнен по правому краю.</div>
<div style="text-align: center;">Этот текст выровнен по центру.</div>

Стиль цвета

Стиль: color
Значения: можно указать название цвета (blue, red …), но чаще используется его шестнадцатеричный код.
Например,

<p style="color: #00ff00";>Этот текст напечатан зеленым цветом, <span style="color: #ff0000";>а этот фрагмент выделен красным.</span></p>

Этот текст напечатан зеленым цветом, а этот фрагмент выделен красным.

Стили для блоков

Стиль: width, height — ширина и высота.
Значения: число в пикселях.

Стиль: border — граница.
Значения: у границы указывается толщина в пикселях, вид (dotted, dashed, solid, double, groove, ridge, inset, outset), цвет. Все элементы и порядок их расположения обязательны.
Рассмотрим пример

<div style="width: 400px; border: 2px dotted #0000ff">Текст расположен в блоке размером 400 пикселей шириной с рамкой из точек синего цвета.</div>

Попробуйте сами поэкспериментировать со значениями.

Стиль: padding — отступы внутри блока.
Значения для этого стиля можно записывать разными способами:
padding: 5px — со всех сторон отступ 5px
padding: 3px 5px — сверху и снизу 3px, справа и слева 5px
padding: 3px 10px 5px 15px — сверху 3px, справа 10px, снизу 5px и слева 15px (по часовой стрелке)
Можно использовать и другую форму записи:
padding-top: — отступ сверху
padding-right: — отступ справа
padding-bottom: -отступ снизу
padding-left: — отступ слева.

Изменим предыдущий пример, добавив отступы и изменив вид рамки

<div style="width: 400px; border: 5px inset #ff0000; padding: 10px">Текст расположен в блоке размером 400 пикселей шириной с рамкой красного цвета.</div>

Стиль: margin — отступы вокруг блока.
Значения записываются аналогично предыдущему стилю.
Пример не привожу, можно попробовать самостоятельно.

Стиль: background — фон.
Значение: код цвета.
И последний на сегодня пример

<div style="width: 400px; border: 5px outset #00ff00; padding: 10px; margin: 5px; background: #000f00">Текст расположен в блоке размером 400 пикселей шириной с рамкой зеленого цвета, с внутренними отступами 10px, внешними отступами 5px и ярко-зеленым фоном.</div>

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

Более глубоко и полно изучить CSS вы сможете, используя курс Евгения Попова «CSS практика». Ничто так не повышает ваш уровень в создании качественных веб-страниц, как хорошая порция практики в виде верстки реальных графических шаблонов.

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

Сообщение Применение стилей CSS в редакторе WordPress появились сначала на Создай свой сайт.

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

Сообщение Праздничный фотовыпуск появились сначала на Создай свой сайт.

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

Все сервисы я разбил на группы в соответствии с их назначением.

Первое, с чего начинается подготовка записи – поиск ключевых слов, поэтому начнем с соответствующих сервисов.

 Подбор ключевых слов

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

Статистика ключевых слов на Яндексе

Инструмент подсказки ключевых слов Google AdWords

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

 SEO-анализ текстов

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

Биржа контента Advego

После публикации работа над статьей еще не закончена, ее нужно проверить на релевантность. Для этого идем на сервис MegaIndex.

Скорость загрузки

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

Pingdom Website Speed Test  — еще один хороший сервис, который выдает подробные результаты.

PageSpeed Insights — анализ загрузки от Google, показывает относительную скорость и предлагает рекомендации по ее увеличению.

http://pr-cy.ru/speed_test/- достаточно универсальный ресурс, на котором можно определять не только скорость, но и многие другие параметры.

 Посещаемость сайта

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

LiveInternet – о нем я тоже писал в статье «Как определить посещаемость сайта». Сего помощью можно анализировать не только количество посетителей, но и некоторые другие параметры.

Яндекс Метрика и Google Analytics —  два мощных инструмента, дающих всестороннюю и подробную статистику.

[urlspan]Webomer[/urlspan] – инструмент, определяющий рейтинг сайта.

 Анализ позиций

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

Для мониторинга позиций по ключевым фразам в поисковых системах я использую сервис Allpositions.

Два сервиса с похожими адресами, я их всегда путаю, и очень близких по функциям, pr-cy.ru и cy-pr.com. Их можно назвать универсальными, так как с их помощью можно проверять сайты по различным показателям.

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

Яндекс. Вебмастер

Google для веб-мастеров

xtool.ru —сервис, в котором можно проверить траст сайта, а также посмотреть, какие поисковые запросы на каких позициях в поисковиках.

 Продвижение сайта

Для ускорения индексации новых статей поисковиками служат специальные сервисы. Это, так называемая, Аддурилка Яндекса и аналог от Google

https://www.google.com/webmasters/tools/submit-url

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

 Подготовка изображений

Для этого я в основном применяю программу Adobe Photoshop, но укажу сервис PunyPNG, о котором я писал в статье «Оптимизация изображений в формате PNG»

www.punypng.com

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

Сервисы рассылок

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

All In One Profits 

Что такое AIOP? Это универсальный сервис, предоставляющий множество услуг, в том числе хостинг для сайта, видеохостинг, конструктор подписных страниц, безлимитный e-mail автоответчик и сервис для почтовых рассылок, а также ротатор ссылок, трекер (отслеживание переходов по ссылкам) и баннерная реклама на самом сайте.

Таким образом, в этом сервисе собраны все необходимые инструменты для построения бизнеса в сети Интернет.

Но самое главное, сервис имеет шикарную партнерскую программу с отчислениями 87% с каждого платежа ежемесячно!

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

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

Чтобы попасть в школу, подпишитесь на специальную рассылку:

Записаться в школу AIOP

Justclick 

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

Он дает возможность автоматизировать всю работу вашего интернет-бизнеса.

Сервис предоставляет множество инструментов для формирования онлайн-магазина, управление email рассылкой, реализации маркетинговых кампаний. Тут есть всё необходимое для работы: рассылка, конструктор сайтов, система приема платежей, система сквозной веб-аналитики и партнерская программа. Вам остается только продавать и зарабатывать.

Sendpulse 

Современная, функциональная платформа для рассылки писем, смс, сообщений в Viber и отправки браузерных push-уведомлений. Причем за использование push-уведомлений вы получите от сервиса $5 на счет. Русскоязычный интерфейс.

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

Сервис удобен для новичков, так как на бесплатном тарифе можно иметь 1000 подписчиков и отправлять до 15 000 писем в месяц.

Одновременно можно вести рассылку сообщений по разным каналам — смс, Viber, email.

Можно настроить push-уведомления.

Проверка на вирусы

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

Существует несколько онлайн-сервисов, с помощью которых можно проверить сайт на вирусы, и лучше это делать несколькими способами.

Dr. Web. Известный антивирус, и соответствующий онлайн-сервис  также хорошо справляется со своими обязанностями.

VirusTotal. Еще один популярный ресурс, который проверяет на вирусы не только файлы, но и ссылки.

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

Бизнес Коллекция — уникальная библиотека всевозможной информации (дополнение к статье)

Зарегистрироваться >>>

Вы можете сохранить эту страницу в закладки и также применять в работе.

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

Не забудьте поделиться с друзьями.

Сообщение Полезные сервисы Интернета появились сначала на Создай свой сайт.

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

Для чего это делается?

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

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

Как известно, WordPress – самый популярный блоговый движок. Но, с другой стороны, блоги именно на этом движке чаще всего взламывают или заражают.

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

Почему?

Этому есть несколько причин.

Первая – простая неосведомленность. Это самая простая причина. Некоторые новички, начиная вести блог, просто не знают, что его нужно от чего-то защищать.

Другие начинающие блогеры, зная о возможности взлома, просто пренебрегают защитой, надеясь все на тот же «авось». По их мнению, на самом деле глубоко ошибочному, их молодой сайт никому не нужен, и никто его взламывать пока не будет. А о том, как защитить веб-сайт, они подумают позже.

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

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

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

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

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

А теперь хорошие новости.

Совсем недавно известный блогер Александр Борисов и специалист по защите сайтов Юрий Колесов создали мощный обучающий видеокурс «Тотальная защита WordPress».

Посмотрите, что представлено в курсе.

• Базовая защита.
• Техническая защита.
• Резервное копирование.
• Плагины защиты WordPress.
• Защита от спама в комментариях.
• Защита от копирования контента.
• Основные способы взлома и заражения сайтов.
• Защита от DDOS атак.
• Полезные советы по защите.

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

Видеокурс «Тотальная защита WordPress»

На этом пока все. До скорой встречи.

Не забудьте поделиться статьей с друзьями, защита сайта нужна всем.

Сообщение Как защитить информацию на сайте от взлома и заражения появились сначала на Создай свой сайт.

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

Кстати, вспомнился в тему исторический анекдот:

Прусский монарх Фридрих II, который считал себя очень эрудированным человеком, любил проводить беседы с членами собственной академии наук, при этом иногда задавая совершенно нелепые вопросы. Однажды Фридрих спросил: «Как вы думаете, почему бокал, наполненный бургундским вином, издает менее чистый звон, нежели бокал, который наполнен шампанским?» После недолгого молчания монарху ответил профессор Зульцер. «К сожалению, при том низком содержании, которое ваше Величество назначает своим академикам, мы лишены возможности проводить подобные опыты»…

Итак, после подключения второго монитора его нужно настроить. У меня стоит ОС Windows7, поэтому я буду показывать настройки на примере этой операционной системы.

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

Перед нами открывается такое окно Настройки экранов.

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

После нажатия на кнопку Определить на экранах появляются цифры, указывающие, какой монитор первый, а какой – второй.

Далее идет несколько выпадающих меню.

Первое, Экран – выбираем монитор для настройки.

Второе, Разрешение, обычно указано рекомендуемое, лучше не менять.

Третье, Ориентация, ее можно сделать альбомной или портретной. Это станет понятнее после рассмотрения дополнительных параметров.

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

Для индивидуальной работы лучше выбрать второй вариант – Расширить эти экраны. В этом случае экран второго монитора станет продолжением первого. Указатель мыши будет один, его можно будет перемещать с экрана на экран, перетаскивать объекты, например, окна программ или папок. Посмотрите на скриншот и фотографию ниже – часть окна может быть на одном экране, а другая — на втором. Именно такой режим я использую в своей работе, привык к этому и очень доволен, что есть такая возможность.

Есть еще два варианта – Отобразить рабочий стол только на 1 или 2 экране. Такая возможность есть, но зачем ее использовать, сказать трудно, может быть, кто-то поделится, как это применить.

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

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

Здесь есть несколько вкладок, меня интересует Панель управления графикой.

Пользуясь настройками этой панели, можно повернуть изображение на 90, 180 или 270 градусов. В качестве примера я поставил монитор вертикально, а изображение повернул на 90 градусов. Такой вариант можно использовать, например, при обработке фотографий с портретной ориентацией.

Вот так можно подключить и настроить второй монитор.

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

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

До скорых встреч.

P.S. Дополнение от 15.01.2019. Рекомендую появившийся недавно бесплатный видеокурс о работе с двумя мониторами от команды Клабпрофи:

Посмотреть курс

Поймай кота

Простая логическая игра. Задача игры — окружить кота точками так, чтобы он не смог убежать с поля. Постигла неудача — начни игру снова!

Сообщение Настройка второго монитора появились сначала на Создай свой сайт.

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

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

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

Чтобы попасть в редактор кода WordPress, и увидеть HTML-код статьи, следует на странице Редактировать запись выбрать вкладку Текст.

Итак, чтобы работать с HTML-редактором, следует освоить основы языков HTML и CSS, поэтому эту и последующую статьи можно считать мини учебником по этим языкам.

Что такое HTML?

По определению, HTML (HyperText Markup Language) – язык гипертекстовой разметки. Он сообщает браузеру, как должен выглядеть контент на странице: как текст разделить на абзацы, где вставить картинку и т. д.

Этот язык содержит специальные пометки – тэги, которые вставляются в обычный текстовый документ и указывают браузеру, как представить веб-страницу на экране монитора. В этой статье мы рассмотрим основные тэги, которые можно использовать в HTML-редакторе WordPress.

Блоки

Для выделения текстовых блоков можно использовать тэги p, div, span.

В тэг p (от слова paragraph) заключаются отдельные абзацы. Например,

<p>Это текст первого абзаца. Он заключен в тэги p.</p>
<p>А это второй абзац. Он имеет отступ от первого.</p>

А так это выглядит в браузере:

Это текст первого абзаца. Он заключен в тэги p.

А это второй абзац. Он имеет отступ от первого.

Тэг div выделяет блоки текста, начинающиеся с новой строки.

<div>Это пример использования тэга div. Текст, заключенный в этот тэг, начинается с новой строки, но без отступа.</div>
<div>Это второй блок текста. Он начинается с новой строки.</div>

<span>Это предложение состоит из двух частей, </span>
<span>выделенных тэгами span, но внешне это не видно.</span>

Это предложение состоит из двух частей, выделенных тэгами span, но внешне это не видно.

 Перенос строки, разделитель

Тэги br и hr, в отличие от предыдущих, одинарные и оформляются немного иначе.

Тэг br (Line Break — разрыв) делает перенос строки внутри абзаца, например:

<p>Старушка пошла продавать молоко.<br />Деревня от рынка была далеко.<br />Устала старушка и, кончив дела,<br />У самой дороги вздремнуть прилегла.</p>

Старушка пошла продавать молоко.
Деревня от рынка была далеко.
Устала старушка и, кончив дела,
У самой дороги вздремнуть прилегла.

Тэг hr (Horizontal Rule— горизонтальная линия) ставит на странице линию-разделитель, которых в данной статье много.

 Вставка изображений

Для вставки изображений используется также одинарный тэг img. Он имеет обязательные и необязательные атрибуты. Обязательный — src (surce — ресурс, источник), его значение — URL картинки. Необязательные — title (заголовок), alt (альтернативный текст), их значения произвольны. Например,

<img src="https://kviter.ru/pic.jpg" title="Рисунок" alt="Рисунок" />

Ссылки

Для вставки гиперссылок используется контейнер <a></a>. Он также имеет атрибуты:

href — hypertext reference (гипертекстовая ссылка), значение URL адрес страницы, на которую переходим по ссылке.

target — указывает, где открывается картинка, значение _blank — открыть в новом окне.

title (заголовок), значение произвольное.

Пример текстовой ссылки:

<a href="http://kviter.ru" target="_blank" title="Блог kviter.ru">Открыть мой блог в новом окне</a>

А так это выглядит в браузере:
Открыть мой блог в новом окне

Ссылкой может быть и изображение, например:

<a href="https://kviter.ru/"><img  src="https://kviter.ru/wp-content/uploads/2015/12/logo.png" alt="На главную страницу" /></a>

 Списки

Списки очень часто используются в записях. Они бывают нумерованные и маркированные. Для их создания используются тэги ol (Ordered List — нумерованный список) ul (Unordered List — маркированный список) li (list — элемент списка).

Например

<ol>
<li>Первый элемент</li>
<li>Второй элемент</li>
<li>Третий элемент</li>
</ol>

А в браузере

1. Первый элемент
2. Второй элемент
3. Третий элемент

<ul>
<li>Первый элемент</li>
<li>Второй элемент</li>
<li>Третий элемент</li>
</ul>

А в браузере

• Первый элемент
• Второй элемент
• Третий элемент

Тэги ol и ul имеют атрибут type, который задает вид нумерации или маркеров:

ol type — 1, a, A, i, I.

ul type — disc, circle, square.

 Форматирование текста

<strong>Текст, написанный жирным шрифтом</strong><br />
<del>зачеркнутый текст</del><em> курсив</em><br />
<ins>Выделенный текст, а ниже цитата:</ins>
<blockquote>Если вы сказали, не подумав — значит, вы сказали то, что думаете.</blockquote>

Текст, написанный жирным шрифтом
зачеркнутый текст курсив
Выделенный текст, а ниже цитата:

Если вы сказали, не подумав — значит, вы сказали то, что думаете.

Таблицы

Для создания таблиц используются тэги table — таблица, tr (table row) — строка (ряд) таблицы, td (table data) — данные в таблице (ячейка). Например,

<table>
<tr>
<td>ряд 1, ячейка 1</td>
<td>ряд 1, ячейка 2</td>
<td>ряд 1, ячейка 3</td>
</tr>
<tr>
<td>ряд 2, ячейка 1</td>
<td>ряд 2, ячейка 2</td>
<td>ряд 2, ячейка 3</td>
</tr>
</table>

Вот некоторые тэги, с которыми можно работать в редакторе WordPress. Какие-то возможности реализованы и в визуальном редакторе, но, например, таблицы его средствами сделать нельзя.

В следующей статье я расскажу о применении стилей CSS в оформлении записей, именно их использование раскрывает все возможности HTML-редактора.

Подписывайтесь на обновления блога, чтобы не пропустить выход новой статьи.

До скорой встречи!

Сообщение HTML-редактор WordPress и его возможности появились сначала на Создай свой сайт.

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

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

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

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

Чтобы открыть окно настроек, нужно выполнить команды Редактор – Установки.

Здесь несколько пунктов, начнем с пункта Основные.

В этом окне я предлагаю поставить галочку в чекбоксе Масштабирование колесиком мыши. В этом случае плавно изменять масштаб становится очень просто и быстро. Это очень удобная функция.

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

Далее идет раздел Производительность. Он очень важен, так как дает возможность настроить Фотошоп так, чтобы он работал без зависаний и других глюков. Это особенно имеет значение, когда создается какой-то большой проект с большим количеством слоев. Обидно, когда была проделана большая работа, и вдруг Фотошоп завис и не откликается. А такое, к сожалению, бывает. Лучше, если он будет максимально работоспособен.

Итак, рассмотрим этот раздел подробнее. Он состоит из четырех основных областей.

В первой  настраивается использование оперативной памяти. У всех это значение разное, так как разные компьютеры. Допустим, у меня доступная память 3384 Мб. С помощью ползунка мы выбираем необходимое значение. Как видите, у меня стоит 74%. Если поставить 100%, то Фотошоп будет работать быстрее, но другие программы при этом будут тормозить, а при значениях меньше 50% тормозить начинает сам Фотошоп. Не стоит впадать в крайности, ставим около 75%, это оптимальное значение. Конечно, для работы такой программы требуется хорошая оперативная память.

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

Следующий пункт настроек в этом разделе История и кэширование. Когда вы работаете с различными инструментами, все ваши действия, как уже было сказано, записываются, и в данном пункте прописывается, сколько действий можно сохранить в истории. Благодаря записям в истории можно вернуться назад на какое-то количество шагов. Чем больше это число, тем больше ошибок можно исправить, но, с другой стороны, и система нагружается все больше. Нужно находить оптимальное значение.  Допустим, если вы начинающий дизайнер и допускаете еще много ошибок, можно значение поставить 100-150, но постепенно стараться снижать это число. Исправлять ошибки в Фотошопе можно и другими способами: правильно структурируя слои по папкам, используя слои-маски, смарт-объекты и т. д.

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

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

Теперь перейдем к другому пункту меню: Редактирование – Настройки цветов. В этом разделе я рекомендую убрать галочки в пунктах:

• Спрашивать при открытии
• Спрашивать при вклеивании

Постоянно появляющиеся окна при открытии нового файла очень раздражают.

На этом все. Надеюсь, что теперь выбудете работать в Фотошопе с большим удовольствием и отдачей.

Не забудьте поделиться статьей с друзьями.

До скорой встречи!

Сообщение Как сделать работу в Фотошопе быстрее и удобнее появились сначала на Создай свой сайт.

Для чего можно использовать два монитора?

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

Итак…

• При постоянной работе с компьютером, Интернетом накапливается огромное количество различных файлов, папок, архивов. С ними приходится постоянно выполнять какие-то операции – перемещать, сортировать, копировать, удалять. Это удобно делать, открыв сразу несколько необходимых папок. Для этого нужна большая площадь экрана, и второй монитор дает нам дополнительную площадь.
• Чаще всего мне приходится редактировать тексты, при этом удобно в Worde открыть один документ на одном дисплее, а другой – на другом. Работать легче, так как видны сразу оба текста, фрагменты текста можно просто перетаскивать. Редактирование при этом происходит быстрее.
• Подготовка презентаций. Они обычно содержат рисунки, фотографии. Удобно презентацию делать на одном экране, а на другом открыть папку с изображениями и точно также выбранные изображения перетаскивать на слайды. Можно на втором открыть и текст, подготовленный для презентации.
• Аналогично я вставляю картинки в записи блога. Папка со всеми подготовленными изображениями расположена на втором экране, их хорошо видно, легко находить и просто перетаскивать в библиотеку медиафайлов.
• Очень удобно с двумя мониторами редактировать веб-страницы. Здесь требуется постоянный контроль результата, и это можно сделать, расположив редактор, например, Notepad++, самый удобный редактор веб-страниц, на одном экране, а браузер для просмотра результатов – на другом.
• Программист, работая над программой, может разместить на втором экране документацию по языку в качестве шпаргалки.
• Очень поможет второй монитор при записи видеоуроков, проведении вебинаров. На нем можно открыть план работы, необходимые текстовые материалы и т.д.
• При совместной работе над проектом на втором экране можно запустить программы для общения, например, Skype.
• Дизайнер, работая в Фотошопе, на втором экране может разместить графические заготовки.

Этот список можно продолжать и дальше. Использование двух мониторов дает много преимуществ:

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

Из минусов можно только отметить дополнительные затраты на приобретение второго монитора.

Как подключить?

Для подключения второго монитора есть несколько способов.

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

• VGA (D-Sub 15) – использует аналоговый сигнал. Это самый распространенный способ подключения мониторов. Ничего, кроме соответствующего кабеля, не требуется.
• DVI – цифровой интерфейс. Существует несколько его разновидностей. Это следует учитывать при выборе кабеля.
• HDMI – это более современный, мультимедийный вывод, позволяющий передавать как видео-, так и аудиосигнал. Для подключения требуется специальный HDMI-переходник.
• DispayPort – еще одна разновидность мультимедийного интерфейса.
• S-Video (S-VHS) – вывод на телевизоры и видеотехнику.

Я использую вариант с использованием ноутбука и дополнительного монитора. Большинство ноутбуков имеют VGA-выход. Я подключил к нему монитор с большим экраном и хорошим качеством изображения. Это позволяет, например, наилучшим образом обрабатывать фотографии.

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

Также в качестве второго дисплея можно использовать телевизор, если он имеет HDMI-вход, а большинство современных телевизоров оснащены таковыми.

Хочу еще раз повторить, что использование второго монитора значительно увеличивает производительность при работе за компьютером. Хотя… Можно, конечно, используя несколько дисплеев, и снизить свою продуктивность. Для этого нужно просто открыть на них ВКонтакте, Одноклассники, Facebook, Skype, добавить прикольное видео на YuTube, и можно вообще не уходить от компьютера.

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

Напишите в комментариях, какие вы используете приемы работы с компьютером.

P.S. Дополнение от 15.01.2019. Рекомендую появившийся недавно бесплатный видеокурс о работе с двумя мониторами от команды Клабпрофи:

Посмотреть курс

Сообщение Работа с двумя мониторами появились сначала на Создай свой сайт.

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

Что такое data: URL?

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

Как это работает?

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

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

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

Именно такой принцип использует схема data: URL. Данные записываются как некий набор символов, а браузер раскодирует их как картинку.

Как закодировать изображение?

Чтобы закодировать выбранную картинку по схеме data: URL, можно воспользоваться специальным [urlspan]онлайн-сервисом,[/urlspan] но сразу следует отметить, что для этого подходят лишь небольшие изображения: кнопки, маркеры и т. п. Кроме того, предварительно эти картинки следует оптимизировать и только потом отправлять на конвертацию.

Например, закодируем в формате base64 вот такой простенький маркер.

После конвертации мы получаем код, который можно вставить в HTML-страницу.

Он содержит обычный тэг img с соответствующими атрибутами. Отличие есть у атрибута src – вместо указания пути к файлу здесь присутствует само изображение в закодированном виде. Ниже сервис выдает HTML-код для создания фона, а еще ниже просто код.

Код содержит вспомогательную информацию:

data: image – сообщает браузеру о том, что тип закодированных данных – изображение,

png – его формат,

base64 – тип представления кода, а дальше идет непосредственно код.

Достоинства и недостатки схемы

Главным достоинством схемы можно считать возможность сокращения числа HTTP-запросов. При большом количестве таких объектов это позволяет значительно сократить время загрузки.

Есть у этой схемы и недостатки:

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

Выводы: когда применять схему data: URL

Итак, подведем итоги.

Кодирование base64 можно применять только для маленьких изображений.

Код изображения в формате base64 выгодно вставлять в файл CSS. Этот файл кэшируется и при просмотре других страниц не требуется обращаться к серверу для загрузки изображений.

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

Таким образом, схема data: URL при большом количестве небольших объектов может заметно сэкономить HTTP-запросы и увеличить скорость загрузки сайта. Конечно, применять ее надо продуманно.

Надеюсь, статья оказалась для вас интересной, поделитесь ей в социальных сетях.

До скорой встречи!

Сообщение Оптимизация сайта с помощью схемы data: URL появились сначала на Создай свой сайт.

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

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

 Чтобы проверить, как выглядит ваш сайт при просмотре на различных устройствах, можно воспользоваться сервисом[urlspan] Screenfly.[/urlspan] Для этого вводите адрес сайта и выбираете из достаточно большого списка желаемое устройство. Это может быть и стационарный компьютер, и планшеты различных видов, и мобильные телефоны. Можно изменить ориентацию экрана с альбомной на книжную и наоборот.

Как же решить проблему нормального отображения сайта на различных устройствах? Выхода здесь два:

• Использовать две версии сайта, обычную – для настольных компьютеров, и мобильную.
• Использовать адаптивный дизайн.

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

Что такое адаптивный дизайн?

Что же это за дизайн и чем он отличается от резинового?

Резиновый шаблон не изменяет свою структуру при изменении ширины экрана, а меняет только размеры. Например, веб-страница имеет три колонки: слева – меню шириной 25% от ширины окна, в центре – контент – 50 %, справа — сайдбар – 25 %. При ширине окна в 1000 px они будут иметь размеры соответственно 250, 500 и 250 px, что вполне нормально. Но если использовать мобильный телефон с маленьким экраном шириной 320 px, то колонки сожмутся до размеров 80, 160, 80 px и станут нечитаемыми.

В чем выход? Он – в кардинальном изменении веб-страницы. Это изменение состоит в том, что после постепенного уменьшения ширины колонок происходит перестроение структуры страницы – она вытягивается в одну колонку. Но это не единственное отличие.

Требования к адаптивному дизайну

• Адаптация к размеру и ориентации экрана, начиная от больших мониторов настольных ПК и заканчивая мобильными телефонами.
• Изменение размеров изображений при смене разрешения экрана. Даже на сайтах с «резиновым» дизайном размеры картинок не изменяются, и при определенной ширине экрана появляется горизонтальная полоса прокрутки для их просмотра. При использовании адаптивного дизайна изображения также «подстраиваются» под размер экрана.
• Удаление несущественных элементов шаблона. Ими могут быть как декоративные элементы, так и программные, не работающие на мобильных устройствах.
• Высокая скорость загрузки. Скорость мобильного Интернета пока еще сравнительно невелика, и это надо учитывать при разработке сайта, предназначенного для просмотра на мобильных устройствах.
• Использование относительно больших кнопок. Мобильные устройства используют сенсорный ввод и отсутствие курсора должно учитываться при разработке дизайна.
• Работа с мобильными функциями, например, геолокацией.

Как создается адаптивный дизайн

Такой дизайн строится на использовании CSS media queries (медиа-запросы). Благодаря этим запросам вначале определяются параметры устройства, которое использует посетитель, и, в зависимости от этого выбора, подключается соответствующий стиль, то есть при адаптивном дизайне используется один сайт с набором стилей для разных устройств. К примеру, если посетитель заходит на сайт с обычного компьютера, подключается одна таблица стилей, и он видит сайт с большой красочной шапкой, горизонтальным меню, несколькими колонками контента, а при использовании iPada применяется другой стиль, и вместо огромной шапки отображается небольшой логотип, меню превращается в вертикальный список, а контент вытягивается в одну колонку.

Адаптивные шаблоны

Можно ли переделать существующий шаблон сайта под адаптивную версию? Конечно, можно, если вы в достаточной мере владеете HTML и CSS. Но, если вы используете какую-либо систему управления контентом — WordPress, Joomla!, Drupal, то лучше найти готовый шаблон, сейчас адаптивных шаблонов разработано много. Кстати, в моей статье «Как выбрать шаблон для WordPress» теперь следует добавить еще один пункт «Проверка шаблона на адаптивность».

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

Кстати, только что появился уникальный курс Андрея Кудлая «Фреймворк Bootstrap:  практика адаптивной верстки от А до Я». Используя фреймворк Bootstrap, сегодня можно сверстать сайт с красивым, приятным, профессиональным дизайном, при этом не нужно быть профи в верстке. Используя фреймворки, даже самый новичок в сайтостроении способен сверстать страницу, создать одностраничный сайт или лэндинг. Причем сайт будет достаточно профессиональный, а время, затраченное на его создание минимально.

ССЫЛКА НА КУРС

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

Напишите в комментариях свое мнение по поводу адаптивного дизайна.

Сообщение Адаптивный дизайн или мобильная версия появились сначала на Создай свой сайт.

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

Что же такое структура сайта?

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

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

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

Библиотека отличается от этой кучи порядком, структурой. Книги расположены по алфавиту, по темам и т. д. Зная структуру, легко найти необходимую вам книгу. Она делает поиск удобным для библиотекаря и читателя.

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

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

Физическая показывает связь между папками и файлами, которые находятся на сервере. Эта структура не видна посетителям, но от нее зависит скорость загрузки сайта, нагрузка на сервер.

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

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

Элементы структуры

Итак, чем же образована структура сайта? Здесь можно выделить несколько основных элементов.

Меню

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

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

Например, большинство тематических блогов, созданных на CMS WordPress, имеют сходную структуру меню: главное горизонтальное, которое иногда дублируется снизу, и меню основных рубрик. Интернет-магазины имеют свою, в основном, типовую структуру.

Карта сайта

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

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

Перелинковка

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

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

Поиск на сайте

Это еще один очень полезный инструмент, связывающий страницы сайта. Если посетитель не может найти вручную то, что хочет, он может воспользоваться автоматическим поиском. Его можно реализовать различными способами. Сайты, созданные на движках WordPress, Joomla, Drupal, имеют собственные встроенные средства поиска, но можно устанавливать на сайте модули поиска от Yandex или Google. Такой вариант помогает не только посетителю, но и веб-мастеру. Например, я установил на своем блоге модуль от Яндекса и пользуюсь им для корректировки внутренних ссылок.

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

До встречи в следующих постах на блоге kviter.ru!

Сообщение Какой должна быть структура сайта? появились сначала на Создай свой сайт.

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

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

Иногда для изменения размеров и сжатия использую Picture Manager от Microsoft. Его преимущество заключается в простоте использования. Эти действия можно выполнить за пару кликов. Конечно, использую специальные программы для создания скриншотов.

Но, оказывается, некоторые простые операции можно реализовать непосредственно в среде WordPress, так как этот движок имеет встроенный редактор изображений для работы онлайн. Попасть в него можно тремя способами.

1-й способ.

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

2-й способ.

Можно зайти в редактор, выбрав в меню пункт Библиотека медиафайлов. Она может отображаться двояко – в виде миниатюр, по умолчанию, и в виде списка. В первом случае после щелчка на миниатюре открывается окно Параметры файла, в котором нужно, в свою очередь, щелкнуть по кнопке Редактировать.

3-й способ.

Он аналогичен второму, но отображение выбирается в виде списка. При наведении указателя мыши на строку, соответствующую картинке, появляются команды Изменить, Удалить навсегда, Перейти. Нажимаем Изменить, потом Редактировать и переходим в редактор. Обратите внимание, что его внешний вид во втором и третьем случае различный, но команды редактирования одинаковые.

Какие же операции можно выполнить с помощью этого редактора. Как я уже написал, выбор тут невелик, поэтому рассмотрим их подробнее.

Масштабирование.

Масштабирование – изменение размеров с сохранением пропорций. Конечно, эту операцию следует применять только для уменьшения размеров, но не для увеличения, так как при увеличении качество картинки заметно ухудшается, появляется посторонний шум. Но WordPress и не позволит увеличить картинку.

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

Как обрезать изображение

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

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

Очень важно

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

Исходное изображение:

Миниатюра, полученная автоматически:

Редактируем миниатюру:

Миниатюра, полученная после редактирования:

Отражение и поворот

Это еще две операции, которые можно выполнить в редакторе. Прямо над картинкой есть кнопки Повернуть против часовой стрелки и по часовой стрелке, а также Отразить по вертикали или по горизонтали.

Восстановление исходного изображения

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

Вот и все возможности редактора. Стоит им пользоваться или нет, решать вам. Напишите свое мнение в комментариях.

Я же в следующих статьях хочу написать о работе с HTML-редактором WordPress, а также об анализе позиций сайта. Подписывайтесь на обновления, чтобы получать анонсы статей прямо на почту.

Сообщение Редактор изображений онлайн для WordPress появились сначала на Создай свой сайт.

Я продолжаю свой цикл статей о работе с блогом на базе CMS WordPress.

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

Что такое галерея?

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

Использование плагинов: за и против

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

Например, когда я создал свой блог, я сразу установил на него плагин фотогалереи. Он давал возможность просматривать фотографии, плавно увеличивая размер, в виде слайд-шоу и т. д., но после анализа загрузки с помощью плагина P3 (Plugin Performance Profiler) оказалось, что он потребляет слишком много ресурсов, и из-за него значительно увеличивается время загрузки сайта. Пришлось его удалить. Но нужен ли он? У меня не фотоблог, просматривать в увеличенном изображении нужно лишь некоторые изображения, слайд-шоу вообще не требуется, поэтому такой плагин на моем блоге просто не нужен. Плавное увеличение некоторых картинок реализовано с помощью встроенного кода.

Вот поэтому, прежде чем решать, какой вид галереи вам нужен, хорошо подумайте.

Вставка в запись

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

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

Настройка галереи

После выбора фотографий следует настройка. Здесь параметров немного.

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

Следующий параметр – число колонок. Оно зависит от ширины страницы вашего блога и выбранного размера фотографий.

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

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

Редактирование галереи

Редактирование позволяет легко и быстро выбрать наиболее удачный вариант отображения.

Чтобы перейти к этой операции, кликаем по любой картинке и видим две кнопки Изменить и Удалить. Нажимаем Изменить и приступаем к редактированию.

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

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

• NextGEN Gallery
• Grand Flagallery
• Plugin Photo Gallery
• Tribulant Slideshow Gallery
• Heroic Gallery Manager
• Huzzaz Video Gallery
• oQey Gallery
• Fancy Gallery
• Photospace Gallery
• Eazyest Gallery
• WOW Slider

Возможно, в одном из постов я напишу о них подробнее.

Подписывайтесь на обновления блога, чтобы не пропустить новые, интересные и полезные статьи.

Пример

Я уже писал, что еще одно мое увлечение – фотография, поэтому в качестве примера предлагаю посмотреть подборку некоторых моих фотографий. Их размер 640*480, расположение в один столбец.

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

Поделитесь статьей в социальных сетях.

Сообщение Стандартная галерея изображений WordPress и работа с ней появились сначала на Создай свой сайт.

Основные функции архиватора.

Его главное назначение – уменьшение размера файлов. Количество информации, с которым нам приходится работать и хранить, растет все быстрее, поэтому возникает проблема размещения ее на жестких дисках, флешках, CD- и DVD-дисках. Сжатие позволяет сократить размеры файлов или папок на 20-30%. Следует сразу отметить, что не все файлы сжимаются хорошо. Например, оптимизированные изображения в формате .jpeg будут иметь небольшую степень сжатия.

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

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

Интерфейс WinRar

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

Основное окно программы WinRar содержит текстовое меню с выпадающими командами, графическое меню с кнопками основных команд, адресную строку для выбора каталога и, собственно, рабочее окно со списком файлов и папок, аналогичное окну проводника Windows.

Рассмотрим основные команды. Картинку можно увеличить, щелкнув на ней.

• Добавить – создает новый архив или добавляет файлы в ранее созданный.
• Извлечь – извлекает данные из архива.
• Тест – проверка на наличие ошибок.
• Просмотр – показывает содержимое.
• Удалить – удаляет выделенный файл или папку.
• Найти – поиск файлов или папок.
• Мастер – новая функция, благодаря которой новичок получает пошаговые подсказки.
• Информация – показывает информацию о выделенном объекте.
• Исправить – исправляет ошибки.

Форматы архивов

Архивирование – сложный математический процесс, осуществляемый с кодом. Выполняться он может по различным алгоритмам, которые постоянно совершенствуются. Именно поэтому существует много форматов архивных файлов — .rar, .tar, .zip, .taz, .gz и другие. WinRar работает с большинством этих форматов.

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

Параметры – Установка – Интеграция

Создание архива

Создать его можно разными способами.

1 способ.

Запускаем программу, щелкнув по ярлыку в меню Пуск или на Рабочем столе (если вы его там создали), выбираем в открывшемся окне документы, которые мы хотим заархивировать, и щелкаем на кнопке Добавить. Теперь перед нами открывается самое важное диалоговое окно – настройка будущего архива. Что же здесь можно настроить?

На вкладке Общие:

• Даем название архиву.
• Выбираем его тип: RAR, RAR5, ZIP
• Метод сжатия.
• Размер словаря.
• Размер тома. WinRar может создавать многотомные архивы, о них – ниже.
• Установить пароль. Эта функция используется, если нужно закрыть информацию от постороннего доступа.
• Кроме этих настроек есть еще несколько чекбоксов, где можно поставить галочки. Немного о них.
• Удалить файлы после архивации. Здесь, я думаю, все понятно.
• Создать SFX-архив. Это так называемый самораспаковывающийся архив. О нем подробнее — ниже.
• Создать непрерывный архив. В нем все данные сохраняются единым потоком, благодаря чему получается более высокая степень сжатия, но операции, например, добавление данных, выполняются медленнее. Создавать непрерывный архив целесообразно, если сжимается много небольших файлов и в дальнейшем не предполагается никаких модификаций.
• Если вы выбрали максимальную степень сжатия, или в вашем списке много объектов, то рекомендуется добавить данные для восстановления, так как есть вероятность получения ошибок.
• Протестировать файлы после упаковки. Это тоже понятно.
• Заблокировать архив. Это делается для того, чтобы потом даже с помощью программы WinRar его нельзя было изменить.

2 способ

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

3 способ

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

Профили архивирования

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

После установки уже имеется несколько готовых профилей:

• Профиль по умолчанию
• Прикрепление к E-mail
• Многотомный архив
• Zip-архив.

Создание самораспаковывающегося архива

Если при создании архива в диалоговом окне настроек поставить галочку в чекбокс Создать SFX-архив, то будет создан самораспаковывающийся архив. Что это такое? Такие архивы предназначены для распаковки без использования архиватора. Они имеют расширение .exe, то есть сами являются программами. Можно сказать, что в них данные объединены с упрощенной версией архиватора, предназначенной для распаковки именно этого архива. Конечно, они больше по размерам, чем обычные. Можно даже заметить, что, если создавать SFX-архив из маленького файла, его размер может оказаться больше, чем исходный.

Извлечение файлов из архива

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

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

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

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

Еще одна полезная функция утилиты WinRar, которую я часто использую – распаковка образов дисков. Он прекрасно распаковывает образы в форматах .iso, .mdf, .nrg.  Такие форматы часто применяются для распространения через Интернет больших программных пакетов.

Таковы самые основные возможности архиватора WinRar. Напишите в комментариях, как вы используете эту программу, какие еще не всем известные возможности у нее есть.

Поделитесь статьей в социальных сетях.

Сообщение Как следует архивировать файлы? Работа с программой WinRar. появились сначала на Создай свой сайт.

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

Какие файлы поддерживает WordPress.

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

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

Итак, какие же типы медиафайлов можно добавлять на блог?

Для изображений мы можем использовать расширения .jpeg, .jpg, .gif, .png, .svg и .iso. (.iso – это расширение фавикона.

Для видео – .mp4, .m4v, .mov, .wmv, .avi, .mpg.

Для аудио – mp3, .m4a, .wav.

Также можно размещать документы для скачивания. Они могут быть разных типов. Чаще всего используют .pdf, .doc (.docx), .xls (.xlsx), .ppt (.pptx), .psd.

Способы вставки файла в запись.

Для вставки медиафайла в запись используется кнопка Добавить медиафайл. После ее нажатия открывается окно вставки файла.

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

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

Библиотека медиафайлов в визуальном редакторе.

Все рисунки, фотографии, видеоролики и аудиозаписи, которые вы загружаете со своего компьютера (но не те, которые находятся на других сайтах), попадают в библиотеку файлов. Если вы ведете блог давно, то у вас накапливается большое количество медиафайлов, и иногда найти нужный оказывается довольно трудно. Для облегчения поиска в WordPress предусмотрены варианты сортировки и поиска. Сортировка происходит по двум параметрам – по типу:

• Все медиафайлы
• Загруженные для этой записи
• Изображения
• Аудио
• Видео
• Неприкрепленные

и по дате загрузки. Поиск осуществляется по ключевым словам. Эти слова вы набираете при загрузке изображения в библиотеку.

Параметры файла. Настройка.

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

Первое поле, URL, заполняется автоматически. В нем отображается адрес файла на хостинге.

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

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

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

А вот описание нигде не отображается, и заполнять его не обязательно.

Еще ниже идут настройки отображения. Выравнивание может быть слева, справа, по центру и без выравнивания. Думаю, что здесь все понятно.

Ссылка содержит следующие варианты: нет, медиафайл, страница вложения, произвольный URL. Рассмотрим их чуть подробнее.

При выборе варианта Нет при наведении или щелчке на картинке ничего не происходит.

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

Страница вложения – это обычная страница, на которой в качестве контента содержится только изображение. Не могу сказать, для чего такая возможность реализована в WordPress.

И последний вариант, произвольный URL, выбирается для перехода на какой-либо другой сайт.

Еще ниже, в последнем поле, выбирается величина вставляемого изображения

Панель быстрого редактирования изображения. Параметры и настройки отображения.

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

Атрибут title – отображается в виде всплывающей подсказки при наведении указателя мышки на изображение. Желательно его заполнять.

CSS-класс изображения – произвольный стиль изображения. Используется, если нужно сделать особый стиль для показа картинки. Но для этого в файле style.css предварительно создается этот стиль.

«Открывать в новом окне/вкладке» — используется, если ссылка произвольная.

Отношение – отношение к странице перехода. Может применяться как указание для поисковых ботов nofollow, я иногда использую для указания выполнения скрипта открытия изображения во всплывающем окне.

CSS-класс ссылки – произвольный стиль ссылки. Трудно сказать, для чего это нужно.

Максимальный размер загружаемого файла.

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

php_value upload_max_filesize 1000M
php_value post_max_size 1000M

Число 1000 и означает желаемый максимальный размер в мегабайтах.

Где хранятся медиафайлы на хостинге.

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

/public_html/wp-content/uploads

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

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

Подписывайтесь на обновления блога, чтобы не пропустить появление новых статей.

Если статья вас заинтересовала, оставьте комментарий. Поделитесь статьей в социальных сетях.

Сообщение Медиафайлы WordPress появились сначала на Создай свой сайт.

Я веду свой блог уже достаточно долго, но только сейчас решил четко сформулировать ответы на такие вопросы:

• Зачем я начал вести блог?
• Что мне дает ведение блога?
• Что изменилось в моей жизни с тех пор, как я начал вести блог?

Но вначале нужно ответить на другой вопрос:

Что такое блог?

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

Термин «блог» образовался от английского слова blog путем сокращения web log – сетевой журнал. По-другому блог называют еще: сетевой дневник, интернет-дневник.

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

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

Зачем я начал вести блог?

Кажется, странный вопрос после того, как написана почти сотня статей. Но всегда ли мы начинаем работу, четко осознав, для чего нам это нужно?

Желание сделать свой сайт у меня появилось давно, как только я научился делать простые сайты. Но просто желания было недостаточно, нужен был еще какой-то толчок. Таким толчком послужило понимание, что на блоге еще можно зарабатывать. Я прибрел курс, которых сейчас в сети великое множество, что-то вроде «Как создать сайт для заработка в Интернете», и начал работу. Что из этого вышло? Как и у многих, долгое время никакого заработка не было. Уже можно было отказаться от ведения блога, но интерес не пропадал, более того, он рос. Я понял, что без блога уже не могу, он стал частью моей жизни.

Для чего же он мне нужен?

• Во-первых, для самореализации. Мы всю жизнь учимся, получаем знания, и хочется, чтобы эти знания не лежали «мертвым» грузом, а работали. Человек всегда стремится к созиданию.
• Во-вторых, есть потребность поделиться своими знаниями, оказать помощь другим людям в решении каких-то проблем.
• В-третьих, работа с блогом требует постоянного самосовершенствования, получения новых знаний, то есть ведение блога стимулирует развитие.
• В-четвертых, с помощью блога можно находить новых друзей, единомышленников, партнеров. Аудитория, с которой вы общаетесь, огромна – это весь мир. А много ли в вашем ближайшем окружении людей с такими же интересами, как у вас? У меня – единицы.
• В-пятых, блог способствует продвижению имени и созданию личного бренда.
• И, в-шестых, блог дает возможность зарабатывать в Интернете, строить собственный бизнес.
• И, наконец, ведение блога – это интереснейшая творческая работа, которая захватывает тебя полностью.

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

Один из таких курсов, появившихся совсем недавно, и который я хочу порекомендовать разработан А. Борисовым. Курс называется «Практика монетизации блога: от раскрутки до реальных денег». Автор курса – один из известных специалистов-практиков по созданию блогов, предназначенных для заработка в Интернете.

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

Что мне дает блог?

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

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

И, самое главное, я занимаюсь творческой и, надеюсь, полезной для людей работой.

Подводя итоги и, отвечая на вопрос: «Зачем нужен блог?» — можно ответить, что блог – это веб-сайт, имеющий персонализированный характер и предназначенный для реализации своих творческих идей, саморазвития, создания собственного круга общения с людьми, имеющими сходные интересы, а также для дополнительного (а у кого-то основного) заработка.

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

Не забудьте щелкнуть по кнопочкам слева и порекомендовать статью своим друзьям в социальных сетях.

Сообщение Что такое блог и зачем он нужен и как его создать появились сначала на Создай свой сайт.

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

Сайты можно создавать двумя способами. Первый – изучить HTML, CSS и писать код страниц в каком-либо текстовом редакторе, хоть в Блокноте. Это сложно, создать большой сайт под силу только профессионалам.

Гораздо предпочтительнее использование визуального редактора. И языки знать не надо, и результат сразу виден. Но никак не удавалось создать такой визуальный редактор, который бы соответствовал всем требованиям web-мастеров. Чтобы был простым и удобным в работе, обладал большими возможностями и давал чистый код. Когда-то первые сайты я пробовал делать в программе FrontPage. Работать в ней легко и удобно, но если посмотреть на созданный в ней HTML-код, то видно, что половину, а то и больше нужно выбросить.

Наиболее популярна у web-мастеров программа Dreamviewer, но освоить ее досконально не легче, чем выучить HTML и CSS, да и, по большому счету, работа с ней требует понимания этих языков.

Есть универсальный визуальный редактор для создания шаблонов для сайтов на базе CMS Joomla, WordPress, Drupal и т. п… — программа Artisteer. Но, опять же, из-за своей универсальности она создает много лишнего кода, поэтому такие сайты имеют небольшую скорость загрузки.

Можно рассматривать и другие визуальные редакторы, но все они имеют какие-то недостатки.

И вот в 2011 году был создан визуальный редактор Adobe Muse. Срок небольшой, хотя в наше время все меняется очень быстро. Создателями было объявлено, что для создания сайта в этой программе совсем не нужно знать HTML, CSS и т. п.

Освоив программу, можно создавать современные сайты на высоком уровне. Конечно, бренд Adobe говорит о многом, эта компания не выдает плохих продуктов, но, все же, хочется попробовать самому, проверить возможности новой программы. Но дело в том, что осваивать новый инструмент методом «тыка» не очень удобно, не продуктивно.

Хотя Adobe Muse имеет дружественный, интуитивно понятный интерфейс, изучать ее без учебника достаточно сложно. Поэтому долгое время я откладывал освоение этой программы. Но совсем недавно появился прекрасный видеокурс «Adobe Muse – быстрый старт», о чем я и хочу сообщить своим читателям. Курс бесплатный, но очень качественный. Он содержит 50 видеоуроков, дающих возможность достаточно глубоко освоить программу. Хочется отметить, что автор, Владимир Гынгазов, очень четко, внятно и понятно ведет уроки, у него приятно учиться.

Исправление от 30.11.2016: со времени написания статьи прошло уже довольно много времени, за которое автор значительно переработал и дополнил свой курс. Теперь он содержит уже не 50, а более 120 уроков

 [urlspan]«Adobe Muse – быстрый старт 2.0» скачать бесплатно.[/urlspan]

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

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

[urlspan]«Adobe Muse – быстрый старт 2.0» скачать бесплатно.[/urlspan]

Успехов вам в вашем творчестве.

Обязательно поделитесь статьей в социальных сетях, нажав на кнопочку внизу.

Сообщение Adobe Muse — видео уроки для начинающих появились сначала на Создай свой сайт.

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

В данной статье я хочу познакомить вас с сервисом Webpagetest, который позволяет определить множество параметров, характеризующих загрузку сайта.

Итак, чтобы начать работу с этим инструментом, переходим по ссылке. Перед нами открывается следующее окно.

Перед началом тестирования необходимо выполнить некоторые настройки. В первое поле вводим адрес сайта, скорость загрузки которого мы хотим измерить. Второе поле предназначено для ввода региона тестирования. Его можно выбрать из выпадающего списка или, указав место на карте. Это место выбираем в соответствии с целевой аудиторией сайта. Если сайт предназначен для российских посетителей, наиболее целесообразно выбрать Москву. В третьем поле выбираем тип браузера. Ниже можно открыть Расширенные настройки (Advanced Settings). Здесь наиболее важны первые два поля:

• Connection – способ соединения. Из выпадающего списка выбираем способ соединения с интернетом. Обычно, сравнивая скорости, имеют в виду кабельное соединение.
• Number of Tests to Run — количество проводимых тестов. Дело в том, что любые измерения имеют определенную погрешность и, чтобы получить более правильный результат, необходимо провести несколько тестов и найти усредненные значения. Но, с другой стороны, чем больше тестов мы ставим, тем дольше проходит измерение.

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

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

Рассмотрим каждую группу подробнее.

Качественная информация.

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

Первый показатель First Byte Time — время получения первого байта. Это время начинается с нажатия Enter после ввода адреса сайта в браузере или клика по ссылке на сайт и заканчивается после формирования страницы на сервере и получения первой информации браузером пользователя. Этот же показатель в числовом виде есть во втором блоке (таблице). Значения от 0,2 до 0,25 считаются хорошими, свыше 0,3 уже слишком много, нужно принимать какие-то меры.

Второй показатель Keep-alive Enabled – (держать соединение открытым). Попробую объяснить, что он показывает. При загрузке страницы происходит скачивание нескольких файлов (.html, .css, .js, .jpeg …). Скачивание может происходить двумя способами. В первом случае для каждого файла происходит отдельное соединение с сервером, во втором за одно соединение скачиваются все файлы. Конечно, второй способ предпочтительнее, но этот показатель зависит от хостинг-провайдера.

Следующий показатель Compress Transfer – сжатие текстовой информации. Он также характеризует работу сервера. На сервере сформированная html-страница может сжиматься и передаваться в сжатом виде. Большинство провайдеров имеют такую возможность.

Compress Images – сжатие изображений. Показатель довольно спорный. Сервис считает изображение сжатым нормально, если его качество соответствует 50%  при использовании
Photoshop. Но такое качество приемлемо не для всех сайтов. Например, для фотосайтов качество фотографий имеет первостепенное значение.

Cache static content – кэширование статического контента. Эта опция сервера позволяет сохранять сформированные страницы для повторной загрузки. Большинство современных провайдеров имеет такую возможность, но не всегда она подключена.

И последний показатель в этом блоке — Effective use of CDN (эффективность использования CDN). Он также не зависит от владельца сайта, а характеризует возможность сервера по использованию распределенных сетевых структур.

Количественная информация.

Перейдем ко второму блоку. Он представляет собой таблицу с числовыми данными.

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

Итак, самое первое число в таблице — Load Time (время загрузки). Это как раз та самая главная величина, которую мы имеем в виду, говоря о времени загрузки сайта.

First Byte – получение ответа от сервера. Об этом показателе я уже написал выше.

Start Render – начало появления страницы. Это время, через которое на экране пользователя начинает появляться страница сайта.

Speed Index – это относительная характеристика, которую дает сайту сервис. Можно ориентироваться на следующие числа: меньше 1000 – отлично, около 1250 – хорошо, свыше 1500 – не очень.

DOM Elements – эту величину тоже стараемся сделать как можно меньше.

Далее в таблице расположены две группы данных:

Document Complete – готовый документ и Fully Loaded – полная загрузка до самого последнего скрипта. Здесь присутствуют такие показатели:

• Time – время.
• Requests – количество запросов к базе данных. Это очень важный показатель, от него сильно зависит время загрузки сайта.
• Bytes In – размер загрузки.

Графическая информация.

Теперь разберемся, что нам показывают различные диаграммы.

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

• DNS Lookup – поиск адреса сайта.
• Initial Connection – инициализация соединения.
• Time to First Byte – время до начала загрузки.
• Content Download  — непосредственно загрузка контента.

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

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

В нижней части страницы (Content Breakdown) расположены две круговые диаграммы. Первая показывает в процентном отношении количество запросов к базе данных для разных типов файлов, а вторая – соотношение этих файлов по информационному весу.

Видеоинформация.

В разделе Видео есть две ссылки, которые позволяют наглядно увидеть процесс загрузки web-страницы.

По ссылке Filmstrip View откроется лента из снимков, соответствующих различным последовательным этапам загрузки страницы.

Ссылка Watch Video показывает этот процесс в видеозаписи, которую можно останавливать и анализировать.

Как видите, сервис Webpagetest дает огромное количество информации, позволяющей глубоко и подробно оценить все моменты загрузки web-страницы.

И еще одна полезная функция сервера. Он сохраняет все результаты ваших измерений. Чтобы их увидеть, щелкните на пункте Test History в основном меню, выберите временной интервал, и открывайте любой результат за это время. Данная функция позволит вам проследить за изменениями, которые происходят с вашим сайтом.

Например, за время, пока я изучил курс А. Бернацкого «Практика оптимизации сайта» [/urlspan]и внедрил только то, что рассматривалось в первой его части, скорость загрузки моего сайта снизилась с 30 с до 6 с. Но это еще не предел, буду работать дальше и в следующих постах обязательно напишу о результатах. [urlspan]Подпишитесь, чтобы получать анонсы новых статей на свою почту.

Если статья оказалась для вас интересной и полезной, оставьте свой отзыв в комментариях. Поделитесь статьей в социальных сетях, щелкнув на кнопочке слева.

Сообщение Как измерить скорость загрузки сайта с  помощью сервиса Webpagetest.org появились сначала на Создай свой сайт.

Сегодня небольшая статья о метках в WordPress. Тема несложная, разобраться с метками легко, но не написать об этом нельзя, так как метки играют большую роль на блоге под управлением WordPress.

Что такое метки в WordPress и зачем они нужны на блоге?

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

Tag – метка, бирка, ярлык. И глаголы – соединять, помечать, связывать.

Метки – это слова, значимые для данной статьи. У статьи может быть несколько меток, у разных статей есть одинаковые метки. Благодаря меткам статьи блога оказываются связанными друг с другом.

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

Чем отличаются метки от рубрик.

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

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

Где отображаются метки?

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

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

В WordPress есть возможность поместить метку в меню блога. Делается это просто, аналогично тому, как в меню размещается рубрика. Другой вопрос, насколько это целесообразно.

Управление метками

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

В следующих статьях мы рассмотрим очень важную и достаточно сложную тему о медиафайлах в WordPress. Также будет продолжена тема ускорения загрузки сайта.

Подпишитесь, чтобы не пропустить новые статьи.

Поделитесь статьей в социальных статьях.

Сообщение Метки в WordPress появились сначала на Создай свой сайт.

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

Почему важна скорость загрузки сайта. На что влияет эта скорость.

Скорость загрузки сайта влияет на большое количество важных показателей сайта. В первую очередь, на посещаемость. Чем выше скорость загрузки, тем больше посещаемость. Статистические исследования показывают, что 40 % посетителей уйдут с сайта, если он не загрузится в течение 3 секунд. В большей степени это относится к молодым посетителям, которые не хотят ждать, когда откроется страница. Задержка на 1 сек приводит к уменьшению количества просмотров на 11%. Это очень серьезная цифра. Причем, время ожидания становится все меньше. Это связано с общим развитием технологий, увеличением скорости передачи информации.

Та же статистика говорит, что 80% посетителей не захотят повторно посещать медленные сайты а, 50%, что довольно неожиданно, порекомендуют своим друзьям не посещать такие сайты.

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

Со скоростью загрузки сайта связаны и SEO-параметры: поведенческие факторы, время индексации.

Оптимизированный сайт требует меньше ресурсов сервера. Для больших сайтов с большой посещаемостью это имеет большое значение.

От чего зависит скорость загрузки.

Скорость складывается из двух составляющих: серверной и клиентской. Загрузка страницы происходит следующим образом: в браузере формируется запрос (это происходит при наборе адреса в адресной строке или просто при клике на ссылке), этот запрос отправляется на DNS-сервер, который преобразует доменное имя страницы в IP-адрес сервера, на котором хранятся файлы сайта. На этом сервере генерируется HTML-код страницы и отправляется на компьютер пользователя. Браузер читает этот код и формирует на экране web-страницу. При этом создаются новые http-запросы к серверу для загрузки файлов изображений, скриптов, стилей и т. д.

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

Сервисы для измерения скорости загрузки сайтов.

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

http://www.webpagetest.org/ — один из лучших подобных сервисов. Выдает подробные результаты тестирования в табличном и графическом виде.

http://tools.pingdom.com/fpt/ — также очень хороший сервис, дающий подробную информацию о времени загрузки не только целых страниц, но и их отдельных элементов.

https://developers.google.com/speed/pagespeed/insights/ — сервис от Google, показывающий степень оптимизации сайта в процентах от максимальной. На нем сразу же даются рекомендации по его исправлению.

В последующих статьях я буду делиться своими результатами по применению курса «Практика оптимизации сайта». Кстати, у Андрея Бернацкого есть бесплатный курс [urlspan]»Практикум по ускорению загрузки сайта».[/urlspan] С него и стоит начинать работу по оптимизации своего сайта.

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

Сообщение Скорость загрузки сайта появились сначала на Создай свой сайт.

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

План статьи:

1. Где отображаются рубрики.
2. Как создать рубрику.
3. Управление рубриками.
4. Иерархия рубрик.
5. Как поставить рубрику в меню.

Где отображаются рубрики

Рубрики, как уже говорилось, это основные разделы блога. Они отражают главные, наиболее общие темы, на которые пишутся статьи. Поэтому список рубрик чаще всего расположен в сайдбаре на страницах блога. За его отображение отвечает специальный виджет, который так и называется «Рубрики». По умолчанию после установки WordPress он уже находится в сайдбаре. Вы можете менять его расположение. Для этого в админ-панели переходим Внешний вид → Виджеты и просто перетаскиваем  туда, куда нужно. Сам виджет имеет некоторые настройки:

• Рубрики можно показывать в виде простого списка.
• Можно в этом списке указывать количество статей в каждой рубрике.
• Перечень рубрик можно отобразить в виде выпадающего меню. Это удобно, когда рубрик много и нужно сэкономить место.
• Если рубрики содержат подрубрики, то удобно отображать их в виде иерархического списка.

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

Очень часто рубрики указываются в конце анонсов.

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

Еще названия рубрик могут отображаться в таком средстве навигации, как «хлебные крошки». Они показывают путь к статье в таком виде

Главная/Название рубрики/Название статьи.

Если на сайте много материалов и кроме рубрик есть подрубрики, то «хлебные крошки» очень помогают в навигации. Для их создания используют плагины. Наиболее известен Breadcrumb NavXT.

Как создать рубрику.

Создать рубрику в WordPress можно двумя способами.

Первый способ. При создании новой записи в блоке рубрики нажимаем Добавить новую рубрику и вводим ее название.

Второй способ. Открываем страницу управления рубриками. Для этого в меню админки выбираем Записи → Рубрики и заполняем раздел Добавить новую рубрику. Необходимо указать название рубрики и ярлык.

Ярлык – это название рубрики, отображаемое в URL-адресе. Он должен быть набран на латинице. Обычно это русские слова, набранные латинскими буквами (транслит). Чтобы транслитерацию выполнить корректно, лучше воспользоваться специальным онлайн-сервисом. Их существует много, например, http://translit.net/, http://www.transliter.ru/, http://translit-online.ru/.

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

Управление рубриками.

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

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

Иерархия рубрик.

Рубрики, как уже было сказано могут иметь иерархию. Например, родительская рубрика Создание сайтов может содержать дочерние рубрики HTML, CSS, PHP. Иерархия создается произвольно при создании новой рубрики.

Как поставить рубрику в меню.

Название рубрики можно сделать элементом меню. Для этого переходим Внешний вид → Меню, ставим галочки у нужных рубрик и нажимаем Добавить в меню. Не все темы WordPress позволяют добавить рубрику в основное меню.  Чтобы обойти эту проблему, нужно создать новое меню и сделать его главным.

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

Если есть вопросы и пожелания, пишите в комментариях.

Понравилась ли вам статья? Поделитесь ею с друзьями в соцсетях.

Сообщение Рубрики WordPress появились сначала на Создай свой сайт.

Здравствуйте, уважаемый читатель блога kviter.ru!

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

1. Что такое миниатюра в WordPress?
2. Чем миниатюра отличается от обычного изображения в записи?
3. Где отображается миниатюра?
4. Как задать миниатюру?

Что такое миниатюра в WordPress?

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

Чем миниатюра отличается от обычного изображения в записи?

• Чтобы вставить любое изображение в текст поста, используют кнопку Добавить медиафайл, а для создания миниатюры есть кнопка Задать миниатюру в блоке Миниатюра записи справа.
• Созданная миниатюра  не отображается в визуальном редакторе как обычное изображение, а видна в своем блоке.
• Миниатюра у записи только одна, а изображений можно вставить много.
• У картинок в тексте записи можно менять расположение, а у миниатюры, если она отображается в статье, положение фиксированное.

 Где отображается миниатюра?

Для чего же нужна миниатюра в WordPress и где она отображается, если в самом тексте статьи она может и не быть. Тем не менее, она нужна.

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

Также для привлечения дополнительного трафика на сайт служат кнопки социальных сетей. При нажатии на такую кнопку на странице пользователя в соцсети автоматически публикуется анонс записи. (Кстати, поделитесь этой статьей со своими друзьями.) Этот анонс будет содержать миниатюру, если она задана. Сразу отмечу, для того, чтобы миниатюра отображалась в соцсетях, ее размер должен быть не менее 200 px, а лучше – больше 600 px. Об особенностях публикации миниатюр в соцсетях я постараюсь написать отдельную статью.

Как задать миниатюру?

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

Если его нет, нужно перейти в Настройки экрана и там поставить галочку Миниатюра записи.

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

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

Один из способов заработка в Интернете    — сервис Блогун.

Вы находите данную статью полезной или интересной? Поделитесь ею, пожалуйста, с другими — просто нажмите на кнопки слева.

Сообщение Миниатюры в WordPress появились сначала на Создай свой сайт.

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

После выбора в меню Записи → Создать новую мы попадаем на страницу визуального редактора WordPress, предназначенного для создания записей. Страница состоит из трех частей: слева, как обычно – меню, в средней части – сам визуальный редактор, справа – поле для выбора дополнительных параметров.

Визуальный редактор имеет два основных поля: поле заголовка и поле ввода текста статьи.

После ввода текста выбираем рубрику, метки, миниатюру (о них будут отдельные статьи, подпишитесь, чтобы не пропустить) и нажимаем кнопку Сохранить или Опубликовать. Если нажать кнопку Опубликовать, то статья появится на блоге и станет доступной для читателей, а если нажать Сохранить, то она сохранится в виде черновика. Это делается в том случае, если статья еще не готова и требует доработки.

В этом окне есть еще кнопки.

Статус — два варианта — Черновик и На утверждении. Вариант На утверждении используется, если над блогом работают несколько пользователей с разными правами. Автор без прав публикации после написания статьи устанавливает статус на утверждении, а редактор или администратор могут ее опубликовать.

Видимость. Можно установить доступ к статье по паролю, можно сделать ее видимой только автору. Полезная функция Прилепить на главную страницу. Если поставить галочку, то статья будет всегда на главной странице, над лентой статей.Таким образом можно разместить какую-то общую, вводную информацию, объявления и т. д.

Опубликовать. По умолчанию стоит Сразу, но можно выбрать дату автоматической публикации.

Список всех записей, опубликованных и неопубликованных, доступен через пункт меню Записи. При наведении на строку записи появляется меню с командами Изменить, Свойства, Удалить, Перейти. Чтобы редактировать запись, нужно щелкнуть на слове Изменить или просто на названии записи и мы снова попадем в визуальный редактор. Его можно немного настроить, Например, убрать меню и правую панель. Чтобы свернуть меню, нужно щелкнуть на самой нижней его кнопке. Чтобы убрать правую панель, щелкаем Настройки экрана и ставим Количество столбцов – 1. Панель с рубриками, метками и т. д. уйдет вниз под текстовое поле.

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

В Настройках экрана также можно включать или выключать растягивание текстового поля.

Кнопки визуального редактора.

Теперь перейдем к описанию кнопок в меню Визуального редактора. Но прежде нужно обратить внимание на то, что у редактора есть две вкладки: Визуально и Текст. Сейчас мы рассматриваем вкладку Визуально (Визуальный редактор), во вкладке Текст редактируется HTML-код, работу с этой вкладкой рассмотрим позже.

По умолчанию, после установки WordPress Визуальный редактор имеет всего одну строчку меню. Конечно, для нормальной работы этого недостаточно, но это легко исправить. Достаточно щелкнуть на кнопке Показать/Скрыть панель инструментов , появится второй ряд кнопок.

Первые три кнопки – Жирный, Курсив, Перечеркнутый и еще одна кнопка во втором ряду Подчеркнутый – предназначены для изменения шрифта.

Кнопки Маркированный список и Нумерованный список создают списки. Следует обратить внимание на такой момент – многие готовят тексты статей в Wordе, а потом вставляют их в WordPress. Не рекомендуется вставлять форматированный текст, так как визуальный редактор WordPress поддерживает не все возможности Wordа.

Кнопка Цитата оформляет выделенный текст иначе, чем весь текст статьи, с некоторым отступом. Кроме того, поисковики, анализируя уникальность текста, увидят эту цитату.

Очень полезная кнопка Горизонтальная линия. Она вставляет линию-разделитель и позволяет выделять блоки текста.

Четыре кнопки для выравнивания текста – По левому краю, По центру, По правому краю и, во втором ряду, По ширине.

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

Кнопка Вставить тэг «Далее» прерывает статью для того, чтобы в ленте записей был не полный текст, а только анонс.

Перейдем ко второй строке кнопок.

Кнопка Абзац открывает выпадающий список для форматирования фрагмента. Здесь можно выбрать стиль заголовка от 1 до 6. Обязательно используйте заголовки в своем тексте. Разбивайте текст на блоки и давайте им названия. Причем заголовки нужно оформлять именно средствами визуального редактора. Тогда не только читателям, но и поисковикам будет легче понять, о чем текст. В статье можно использовать заголовки от 2 до 6, заголовок 1 обычно используется в названии статьи. Он должен быть только один на странице.

Кнопка Цвет текста открывает палитру цветов.

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

Кнопка Очистить форматирование отменяет выделение текста жирным, курсивом, подчеркивание, цвет и выравнивание.

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

Кнопки Уменьшить отступ и Увеличить отступ дают возможность выделить часть текста отступом.

Кнопка Отменить отменяет последнюю выполненную операцию, кнопка Повторить – возвращает ее назад.

И последняя кнопка Горячие клавиши открывает шпаргалку с полезными комбинациями клавиш.

Вот и все кнопки. Конечно, с ними надо поупражняться, поэкспериментировать и все станет ясно.

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

Кроме визуального редактора WordPress имеет и HTML-редактор, который позволяет редактировать непосредственно HTML-код, но с ним мы познакомимся в последующих статьях.

На этом пока все, если есть вопросы, жду их в комментариях.

Не забудьте поделиться статьей в социальных сетях.

Сообщение Публикация записи: визуальный редактор WordPress появились сначала на Создай свой сайт.

Продолжим освоение административной панели WordPress. Сегодняшняя статья посвящена таким важным понятиям как «записи», «страницы», «рубрики» и «метки». Для понимания структуры блога, создаваемого на движке WordPress, необходимо четко различать смысл этих понятий, знать их сходство и различие, уметь правильно применять.

CMS WordPress сейчас используют для создания сайтов самых разных видов, от сайтов-одностраничников до интернет-магазинов, но, все таки, в основном WordPress используется для создания блогов. А один из главных отличительных признаков блога – наличие хронологического порядка записей.

Записи и страницы.

Сразу отметим, что записи часто называют просто статьями или постами. Для нас это синонимы.

Итак, в чем же сходство и различие записей и страниц? С первого взгляда они очень похожи, есть много отличий.

1. Если войти в админку WordPress, в меню мы увидим пункты Записи и Страницы, а при наведении указателя мыши появятся подпункты: для Записей – Добавить новую, Рубрики, Метки, а для страниц – только Добавить новую.
2. Окна создания и редактирования Записей и Страниц также очень похожи, отличаются пунктами Рубрики и Метки, которых для страниц не существует.
3. Записи привязаны к определенной дате и отображаются в хронологическом порядке. Страницы не имеют конкретной даты.
4. Записи отображаются в ленте в виде анонсов, от которых можно перейти к полным текстам. Каждая страница содержит весь текст и связана с определенным пунктом меню.
5. Каждая запись относится к какой-то теме – рубрике, и создана определенным автором (блог могут вести несколько пользователей-авторов). На страницах располагается самостоятельный материал, не связанный с какой-то темой и автором.
6. Каждая запись имеет дату написания, автора, принадлежит определенной рубрике, содержит различные метки, и мы можем сортировать записи по этим признакам. Например, выбрать все записи из рубрики «Wordpress» или выбрать записи за май 2015 года и т. д. Со страницами такой отбор осуществить нельзя.
7. Статьи в записях могут комментироваться читателями, а страницы обычно содержат такой материал, который не подлежит обсуждению.
8. Все записи, как уже было сказано, располагаются в виде анонсов в хронологической ленте, но запись можно закрепить, чтобы она всегда находилась на первом месте. Страницу можно сделать главной, чтобы при переходе на сайт открывалась именно она, а не лента записей.

Рубрики.

Любой блог посвящен какой-либо теме. Например, Создание сайтов, Здоровое питание и т. д., но любую тему можно разбить на подтемы. Это и будут Рубрики или категории. Рубрик не должно быть много. На личном блоге в пределах 10, поэтому при проектировании сайта нужно спланировать, какие подтемы выделить.

Обычно каждая статья соответствует одной рубрике, хотя это не строгое правило.

Создать рубрику можно двумя способами:

• Навести указатель в меню на пункт Записи и выбрать Рубрики. Откроется страница редактирования рубрик, на которой можно создавать, удалять или редактировать рубрики.
• Можно создать запись и при выборе рубрики для нее создать новую.

Метки.

Метки – это слова в записи, на которые следует обратить внимание. Меток, в отличие от рубрик, может быть много. Создаются метки двумя способами, аналогично рубрикам.

Архивы.

Архивы формируются автоматически по дате, рубрике, автору, меткам.

Что публиковать в записях и на страницах.

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

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