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

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

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

Обновления на сайте

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

Table of contents

Самое первое это блок TOC (Table of contents), или проще блок с содеражнием страницы на основе заголовков. Раньше был через плагин, а сейчас просто через кусочек кода.

<div class="toc-placeholder"></div>

Попап под меню

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

Блок читать также

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

Удаленные посты

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

Новые страницы и удаленные

Наступил 2019 год, и этот год начался у меня с проблемами с ноутбуком. Все просто ноутбуку Packard Bell уже более 5 лет, купили мне его перед универом, чтобы я учился. Он реально помогал в учебе, дальше в заработке, но и в дотку 2 на нем катал.

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

Ну и 2019 году почти всю свою работу делаю на ноутбук, так что нужно было все восстанавливать. Благо большую часть нужных файлов держу в облаке (Майл ру, Яндекс диск, Гугл драйв и так далее, ну еще в телеграме можно хранить файлы каждый весом не более 1,5 ГБ)

Как я чинил ноутбук

1. Покупаем SSD, в моем случае я купил Kingston SSD 120 GB за 11к тенге в белом ветре. Думал сначала в рассрочку на 3 месяца, но потом появился кэш, и купил за наличку.
2. Далее на нужна система которую будем устанавливать. Лицензионный Windows 10 стоит 50к тенге, так что обошелся пираткой.
3. Создал загрузочную флешку с образом операционной системы Windows 10 PRO.
4. Заменил в ноутбуке HDD на SSD, и произвел процесс установки ОС.
5. Далее были проблемы с драйверами на сетевой адаптер, пробовал решить проблему через Driver Pack Solutions, но нет драйвера не помогали.
6. Потом к роутеру ноутбук через Ethernet кабель подключал, но и он пропадал, и кабель не удобно по дому лежал.
7. Но потом вдруг wi-fi начал работать, и в целом так и закончились основные проблемы с ноутом.

Далее опишу каким софтом я пользуюсь и для чего

Driver Pack Solution

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

Adobe Photoshop CC 2018

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

Sublime Text 3

До этого пользовался разными текстовыми редакторами, но остановился на саблайме, мне он понравился по дизайну, функциональности и легкости. Хотя опытные разрабы говорят что ее уже не развивают, и они перешли на Visual Code. Также в качестве аналога есть Notepad++ и что то еще от Webstorm.

Интерфейс Sublime text 3

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

Picasa 3

Софт для открытия изображений, тоже уже не обновляется. Но для меня он очень удобен и быстрый. А дефолтные ридеры изображений windows 10 не впечатлили меня пока.

Total Commander

Тоже крутая программа для работы с большим количеством файлов. Обычно нужно для массового переименования файлов, или их копирования/перемещения/удаления. Он нужен был для перемещения файлов со старого HDD на SSD.

Telegram, Telegram X, Bettergram

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

Интерфейс Telegram

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

Microsoft Office

Ну тут без описания, нужно всем. Использую версию 2016 года. Хотя можно обойтись и онлайн версиями от Google.

Foxit Phantom

PDF ридер для документов, хоть есть и дефолтный от винды? и в хроме можно открывать. Мне нравиться этот.

Google Chrome, Firefox

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

Media Player Classic

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

WinRaR

Архиватор файлов .rar .zip. Странно почему он не идет дефолтным, но нужен всем.

Open Server

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

uTorrent

Кто мы? ПИРАТЫ. Нужно для быстрого скачивания больших файлов, фильмов и сериалов.

Avast Antivirus

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

Camtasia Studio 2018

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

Screaming Frog Seo Spider

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

Интерфейс Scraming Frog Seo Spider

Xmind 8

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

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

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

В этой статье постараюсь описать как настроить правильный robots.txt в популярных CMS: WordPress, Joomla, Ucoz (не популярный).

Что такое robots.txt?

[easy-tweet tweet=»Robots.txt — служебный файл для поисковых роботов, который указывает какой контент надо индексировать.» user=»muhamed08″ hashtags=»google, yandex»]

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

Но если вы смотрели фильм «Сноуден» в интернете все может быть проиндексировано .

Где расположен robots.txt

Этот файл должен располагаться в корне вашего сайта (http(s)://www.сайт.kz/robots.txt). его можно редактировать через простой блокнот, или через вашу панель хостинга (если возможно).

Значения в robots.txt

В этом файле каталоги которые нельзя индексировать поисковикам прописываются через определенные команды:

• «User-agent: *» означает, что правила, приведенные ниже, будут действовать для всех поисковиков. Во второй части файла мы прописываем правило специально для Яндекса: «User-agent: Yandex».
• «Allow:» — разрешено к индексации.
• «Disallow:» — запрещено к индексации.
• «Host: сайт.кз» — нужно указывать обязательно ваше основное зеркало сайта. Ваш сайт может быть доступен по двум адресам: с www и без www. Но в итоге происходит редирект на один из адресов  – это и есть основное зеркало, которое нужно указать здесь. Эта строчка может быть расположена в любой части файла.
• «Sitemap:» — ссылка на вашу XML-карту сайта, блога, форума и т.д. Если файлов с XML-картами несколько, пропишите путь к каждому из них.
• Звездочка * — означает произвольную последовательность символов.
• Disallow: /nazvanie — закроет от индексации все файлы и папки которые начинаются с nazvanie
• Disallow: /nazvanie/ — а с слешом в конце от индексации закроется только содержимое папки nazvanie

Особенности настройки robots.txt для Гугла и Яндекса

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

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

User-agent: Yandex
Disallow: /nazvanie/
Host: http://www.website.kz

User-agent: *
Disallow: /nazvanie/

Также не стоить забывать изменить директорию Host при переходе на SSL сертификат с http:// на https:// . И стоит указать на то что разработчики компании добра (гугл) говорят то ваш файл robots.txt не должен весит больше 500кб, иначе это может привести к проблемам с индексацией.

Правильный Robots.txt для WordPress

User-agent: *
Disallow: /wp-admin
Disallow: /wp-includes
Disallow: /wp-content/plugins
Disallow: /wp-content/cache
Disallow: /wp-content/themes
Disallow: /trackback
Disallow: */trackback
Disallow: */*/trackback
Disallow: */*/feed/*/
Disallow: */feed
Disallow: /*?*
Disallow: /tag
 
User-agent: Yandex
Disallow: /wp-admin
Disallow: /wp-includes
Disallow: /wp-content/plugins
Disallow: /wp-content/cache
Disallow: /wp-content/themes
Disallow: /trackback
Disallow: */trackback
Disallow: */*/trackback
Disallow: */*/feed/*/
Disallow: */feed
Disallow: /*?*
Disallow: /tag
Host: http://www.website.kz
Sitemap: http://www.website.kz/sitemap.xml

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

Правильный Robots.txt для Joomla и Ucoz

Про Ucoz много говорить не стану, скажу лишь то что она создает robots.txt автоматически, но после истечения одного месяца. Ну а если не хотите ждать, то можно это сделать самостоятельно.

И вот ниже пример правильного robots.txt для Joomla по моему мнению.

Useragent:*
Disallow: /administrator/
Disallow: /cache/
Disallow: /components/
Disallow: /images/
Disallow: /includes/
Disallow: /installation/
Disallow: /language/
Disallow: /libraries/
Disallow: /media/
Disallow: /modules/
Disallow: /plugins/
Disallow: /templates/
Disallow: /tmp/
Disallow: /xmlrc/

Useragent:Yandex
Disallow: /administrator/
Disallow: /cache/
Disallow: /components/
Disallow: /images/
Disallow: /includes/
Disallow: /installation/
Disallow: /language/
Disallow: /libraries/
Disallow: /media/
Disallow: /modules/
Disallow: /plugins/
Disallow: /templates/
Disallow: /tmp/
Disallow: /xmlrc/
Host: http://www.website.kz
Sitemap: http://www.website.kz/sitemap.xml

Вы наверное часто встречали на различных сайтах некий блок с кнопками социальных сетей и надписью скрытый контент. Так вот это и есть социальный замок.

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

Вот пример социального замка:

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

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

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

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

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

[easy-tweet tweet=»CMS (Content Managment System) — Это система управления сайтом» user=»muhamed08″ hashtags=»cms,wordpress»]

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

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

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

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

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

Что вы думаете об этой системе управления сайтом? И не забудьте оценить статью под постом!

В этом году хотелось бы написать минимум 5 обзоров по продуктам и цифровым товарам envato market. И начну пожалуй с обзора топ 5 плагинов для WordPress на Codecanyon за 2017 год. Попробую привести краткие и наиболее важные детали этих продуктов.

5 место — Essential Grid

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

• Блогов
• Портфолио
• Изображений / медиа галерей
• Интернет магазинов
• Таблиц цен
• Услуг
• Слайдера продуктов
• Ваших клиентов
• Ваших видео в виде сетки
• И многое другое

Также вы можете самостоятельно настраивать скины, делать импорт и экспорт.

[c5ma_envato_item url=»https://codecanyon.net/item/essential-grid-wordpress-plugin/7563340″ shape=»big»]

4 место — Ultimate Addons for Visual Composer

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

• Анимированные блоки
• Таймеры обратного отсчета
• Иконки
• Модальные окна
• Списки
• Счетчики
• Слайдеры
• И многое другое

[c5ma_envato_item url=»https://codecanyon.net/item/ultimate-addons-for-visual-composer/6892199″ shape=»big»]

3 место — LayerSlider Responsive WordPress Slider Plugin

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

[c5ma_envato_item url=»https://codecanyon.net/item/layerslider-responsive-wordpress-slider-plugin/1362246″ shape=»big»]

2 место — Slider Revolution Responsive WordPress Plugin

Отличный революционный слайдер для wordpress. Тоже адаптивный под любые устройства, что весьма важно в 2017 году. Улучшайте свой сайт используя бесплатный доступ к огромной библиотеке объектов.Это не просто слайдер, а современный инструмент презентации вашего сайта вашей целевой аудитории. Используйте уже готовые 80+ шаблонов. И конечно как и все продукты envato marketа, при покупке этого плагина вы получите бесплатные обновления, онлайн поддержку.

Этот плагин уже выбрали более 2 500 000 владельцев сайтов, так чего же ждете вы?

[c5ma_envato_item url=»https://codecanyon.net/item/slider-revolution-responsive-wordpress-plugin/2751380″ shape=»big»]

1 место — Visual Composer: Page Builder for WordPress

Безусловно занимает данный плагин. Если вы все еще не знакомы с ним, то вы упускаете столько возможностей для вашего сайта. Потому что этот плагин скачали уже более 250 000 человек, а столько людей не могут выбрать что то плохое. Его даже оценило издание Forbes, сказав что Visual Composer превращает обычный редактор wordpress, в надежный многофункциональный редактор. Вот его основные качества:

• Он быстрый
• У него бесконечные возможности настройки
• Он легок в использовании, и не требует знании в программировании
• И он адаптивный под любые устройства

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

[c5ma_envato_item url=»https://codecanyon.net/item/visual-composer-page-builder-for-wordpress/242431″ shape=»big»]

Как вам данный пост?

[easy-tweet tweet=»Классный топ плагинов для wordpress» hashtags=»plugins, wordpress, codecanyon»]

[easy-tweet tweet=»Хочу еще таких обзоров!» template=»light»]

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

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

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

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

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

Небольшой план по созданию сайта

И конечно надо создать небольшой план действий.

Создание сайта

• Купить домен
• Купить хостинг, возможно VPS
• Установить SSL сертификат
• Зарегать сайт в поисковиках, в инструментах вебмастеров и т.д.

Контент и продвижение

• Наполнить сайт контентом
• Сделать SEO продвижение
• Получить отзывы от лидеров мнений, и простых пользователей
• Продумать дальнейшее развитие проекта

Монетизация, заработок на сайте

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

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

Envato Market — австралийская интернет компания, которая продает цифровой контент через свои основные 7 ресурсов, о которых пойдет речь тоже. Была основана в 2006 году. Благодаря ей авторы на ресурсе заработали уже более 250 миллионов долларов. Это некий сервис где вы можете покупать цифровые товары, или же продавать их если пройдете жесткую модерацию. Сам сайт англоязычный, и если у вас с ним плохо, то не стоить туда соваться для заработка. В основном здесь можно купить графику, аудио, видео, различные темы, фотографии, 3д модели так далее.

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

Запускайте красивые, адаптивные вебсайты быстро вместе с темами и шаблонами для WordPress, Joomla, Drupal, Magento, Лендинг Пейджей и многое другое.

Подобрать тему

Улучшайте свой вебсайт при помощи слайдеров, плагинов, скриптов и кодов для WordPress, PHP, JavaScript, HTML5, Bootstrap, IOS, Android и многих других.

Подобрать скрипт

Производите видео и графику с огромным ассортиментом футаджей с помощью After Effects логотипов и заставок, шаблонов Apple Motion и многое другое.

Подобрать видео и графику

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

Подобрать изображения

Создайте дизайн листовки, резюме, логотипа и баннера быстро с огромной библиотекой иллюстраций, иконок, веб-элементов, шаблонов и многого другого.

Подобрать графику

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

Подобрать аудио и музыку

Совершенствуйте ваши игры, анимации и 3D проекты с моделями, текстурами, материалами, плагинами и другими нужными вещами.

Подобрать модели и текстуры