Пошаговая инструкция как оптимизировать и сжимать изображения под CMS WordPress. Рассмотрим все аспекты и покажем на примере как делать сжатие картинок.
Картинки очень важный элемент любого сайта, если они имеют большой размер, то это негативно скажется на скорости и продвижении.
Ссылка на статью — wpcourses.ru/optimize-image-wp/
Группа ВК — vk.com/wpcourses
Оптимизация изображений для сайта: ужать, оптимизировать, уникализировать
Я подготовил самую полную инструкцию по оптимизации изображений/картинок для сайта, которая основана на личном опыте.
Никакой лирики! Только то, что сам использую для своих сайтов на Wordpress.
Что вы найдете в видео:
1) Какой размер картинок должен быть перед заливкой на сайт? Как его определить для каждого сайта отдельно?
2) Как ужимать картинки перед заливкой на сайт на Wordpree? Как ручной метод, так и автоматический. Используем двойной уровень сжатия без потери качества. И это все бесплатно
3) Как называть картинки перед заливкой на сайт? Да, название файла картинки также влияет на продвижение
4) Какие alt прописывать для картинок и на каком языке?
5) Делать ли надписи на картинках? Как лучше их делать, чтобы они повышали уровень вашего сайта
6) Как сделать картинки уникальными? Да, это возможно) Всего пару шагов и у вас уникальное изображение
7) И самая большая боль — где брать картинки для сайта?
Ссылки на ресурсы из видео, о которых я говорю: crello.com/ — сервис для создания крутых картинок без привлечения дизайнера tinyjpg.com/ — сервис по сжатию изображений без потери качества
ewww image optimizer — плагин для Wordpress по автоматической ужимке картинок wallpaperscraft.ru/ — один из сайтов с обоями на рабочий стол ifish2.ru/optimizirovat-izobrazheniya/ — еще дополнительно статья на нашем сайте. Будем хорошим дополнением к этому видео
Мои курсы: ifish2.ru/infofree/?utm_source=youtube&utm_medium=cpc&utm_campaign=videotxt — Бесплатный курс по Сайтам (создание, продвижение и заработок на сайтах. Сделаете сайт уже в 1 день курса) ifish2.ru/shop/?utm_source=youtube&utm_medium=cpc&utm_campaign=videotxt — Бесплатный курс по Интернет Магазинам (создание и продвижение. Создаете магазин за 1 день и узнаете про бесплатные способы его продвижения). ifish2.ru/pinterest/ — курс продвижения в Пинтерест (узнайте, как я делаю больше 2 000 000 просмотров каждый месяц без вложений. Начните с 1 бесплатного урока)
Добавляйтесь ко мне в соц сети (показываю внутреннюю кухню развития своих проектов): www.instagram.com/boshnikov/ www.facebook.com/yuriy.boshnikov t.me/Yuriyboshnikov
Какой хостинг лучше выбрать для сайта в 2018 году (ПОЛНОЕ РУКОВОДСТВО)
Рекомендуемый хостинг №1: fas.st/VEnG5
Рекомендуемый хостинг №2: fas.st/I-eEa
Тема данного видео — выбор хостинга для сайта. Вы узнаете, как выбрать хостинг правильно и не ошибиться, на какие моменты стоит обратить внимание и каких хостинг провайдеров нужно избегать.
Премиум темы Вордпресс: fas.st/3HVNYl
Сегодня выбрать хостинг сайта стало труднее, но я упрощу это дело за счет двух провайдеров, которых я могу порекомендовать (ссылки на них вы можете найти чуть выше).
Итак, если вы хотите узнать, как выбрать хостинг для сайта — обязательно смотрите это видео на канале Создавалкин до конца. Я подробно опишу процесс в 12 шагах с детальным рассказом о том, на что надо обращать внимание на каждом этапе.
При возникновении вопросов пишите в комментарии под видео, я постараюсь ответить на них по возможности.
Типовые страницы сайта: как их определять | SEMANTICA
SEO-специалист Ира Оберемкова рассказывает для чего в принципе необходимо анализировать типовые страницы сайтов-конкурентов и показывает, как это делать правильно.
Навигация по видео:
0:17 — что такое типовые страницы, для чего и как их анализировать
1:56 — Наглядные примеры. :)
________________
Будь в курсе последних новостей, смотри и читай нас там, где тебе удобно:
Канал на YouTube — www.youtube.com/channel/UCLf4mukbu2Z8C7ONPw7Dwfw
Блог — semantica.in/blog
Facebook — www.facebook.com/sd.semantica/
ВКонтакте — vk.com/sd.semantica
Telegram — t.me/semantica
SEO: Технические рекомендации к разработке сайта | SEMANTICA
Вебмастер Дмитрий расскажет об основных технических рекомендациях для сайта с точки зрения SEO. Также на примере покажет ключевые ошибки кода и как их можно устранить.
Навигация по видео:
0:33 — рекомендации с точки зрения SEO
01:27 — основные блоки страницы
01:59 — пример кода сайта
02:16 — главные ошибки индексации
02:24 — скрипты
03:49 — стили
06:14 — комментарии
07:11 — фреймы
08:06 — навигационная цепочка
_____________________________________________________________
Будь в курсе последних новостей, смотри и читай нас там, где тебе удобно:
Канал на YouTube — www.youtube.com/channel/UCLf4mukbu2Z8C7ONPw7Dwfw
Блог — semantica.in/blog
Facebook — www.facebook.com/sd.semantica/
ВКонтакте — vk.com/sd.semantica
Telegram — t.me/semantica
Наш вебмастер Дмитрий делится с вами бесплатными аналогами платных сервисов, которыми пользуются SEO-специалисты при техническом аудите сайта. Данные сервисы помогут вам проверить ряд важных технических характеристик.
Спойлер: речь пойдет не о Гугл Вебмастере или Яндекс.Вебмастере. ;)
Навигация по видео:
0:42 — где скачать SiteAnalyzer
0:53 — где скачать SEO META in 1 click
1:03 — возможности SiteAnalyzer
5:11 — возможности SEO META in 1 click
Если вы хотите увидеть видео более подробное видео о других функциях данных сервисов — напишите в комментариях ниже!
_____________
Будь в курсе последних новостей, смотри и читай нас там, где тебе удобно:
Канал на YouTube — www.youtube.com/channel/UCLf4...
Блог — semantica.in/blog
Facebook — www.facebook.com/sd.semantica/
ВКонтакте — vk.com/sd.semantica
Telegram — t.me/semantica
Gulp 4 — Актуальное и исчерпывающее руководство для самых маленьких
Создание сайта от А до Я (комплексный курс): goo.gl/ankxq9
Создание интернет-магазина: goo.gl/7mDqYD
Фриланс для начинающих: goo.gl/xOPRQ0
Всем привет, друзья! Это обновлённое и переработанное руководство Gulp 4, в котором мы детально разберём работу с Gulp, ознакомимся с новыми методами построения задач (тасков), вы узнаете, какими способами можно установить, настроить Gulp и как с его помощью автоматизировать и ускорить процесс веб-разработки. По традиции, мы будем знакомиться с возможностями инструмента на реальном примере и создадим удобное рабочее окружение для HTML вёрстки от А до Я.
Страница урока: webdesign-master.ru/blog/tools/gulp-4-lesson.html
Группа Вконтакте: vk.com/agragregra
Twitter: twitter.com/agragregra
Таймкоды:
00:00 Вступление
03:10 Что такое Gulp
03:44 Установка и настройка
04:34 Создание нового проекта
10:11 Подключение Gulp
12:25 Подключение Browsersync
13:51 Работа с Browsersync
16:59 Экспорт функции в таск
21:19 Работа со скриптами проекта
34:36 Вотчинг файлов
39:12 Дефолтный таск
44:50 Работа со стилями проекта
58:20 Несколько CSS препроцессоров
1:07:39 Вотчинг HTML файлов
1:12:05 Работа с изображениями
1:29:21 Сборка проекта (build)
1:36:41 Важные выводы