Резюме

SEO совет #1: Breadcrumbs и schema.org

У нас нет плагина bredcrumbs с правильными микроданными Schema.org в репозитории WP сейчас (2024 — сегодня). Вообщем есть плагины bredcrumbs с Schema.org в репозитории WP, но у них нет номера элементов для каждого элемента bredcrumb, и инструмент тестирования структурированных данных google проверяет код и показывает ошибку и не принимает данные как Schema.org. Я могу помочь создать пользовательский плагин для вас, который добавит bredcrumbs с действительными Schema.org . Смотрите пример на моем сайте: https://vm-project.pro

SEO совет #2: получаем бесплатный трафик из поиска по картинкам

Мы можем быстро и бесплатно получить дополнительный seo трафик из поиска Google или Yandex с помощью изображений. Ведь поисковые системы показывают в первую очеедь самое большое изображение, которое соответствует запросу пользователя по заголовку и метатегу alt. Но если мы будем использовать самое большое изображение на фронтенде, то мы можем снизить скорость страницы. Однако мы можем решить эту проблему, если будем использовать код автогенерации для img с разными srcset для каждой разной ширины дисплея, например, на фронтенде это будет выглядеть так:

<img srcset="
  /wp-content/uploads/w-225.jpg 225w,  //картинка для фронтенд →         дисплей < 400px
  /wp-content/uploads/w-300.jpg 300w,  //картинка для фронтенд → 400px < дисплей < 700px
  /wp-content/uploads/w-350.jpg 350w,  //картинка для фронтенд → 700px < дисплей < 900px
  /wp-content/uploads/w-640.jpg 640w"  //картинка для фронтенд → 900px < дисплей

  sizes="
   (max-width: 400px) 100vw, //        дисплей < 400px → ширина картинки 100vw для фронтенд
   (max-width: 700px) 50vw,  //400px < дисплей < 700px → ширина картинки 50vw для фронтенд
   (max-width: 900px) 33vw,  //700px < дисплей < 900px → ширина картинки 33vw для фронтенд
               225px"        //900px < дисплей         → ширина картинки 225px для фронтенд

  src="/wp-content/uploads/women-dress.jpg" //картинка для Google bot или Yandex Bot
  title="page title"
  alt="page descriptions"
  loading="lazy"
>

SEO совет #3: используйте одноуровневые url

Если url ссылки вашего сайта имеют длинный хвост и много уровней, то контент на 2-3 уровнях и не имеет хорошей индексации в поисковых системах, например:

your-site.com/level-1/level-2/level-3.html
—————————————————————————————————————
your-site.com                              – главная                    //быстро индексируется
your-site.com/level-1.html                 – страница архива записей    //быстро индексируется
your-site.com/level-1/level-2.html         – страница term для taxonomy //медленно индексируется
your-site.com/level-1/level-2/level-3.html – страница зааписи           //медленно индексируется

Это будет хорошей SEO практикой для вашего сайта, если вы измените url следующим образом:

your-site.com – site url   – главная                    //быстро индексируется
your-site.com/level-1.html – страница архива записей    //быстро индексируется
your-site.com/level-2.html – страница term для taxonomy //быстро индексируется
your-site.com/level-3.html – страница записи            //быстро индексируется

Если вам нужна такая функциональность на вашем сайте, то вы можете использовать WP плагином из официального репозитория https://wordpress.org/plugins/custom-permalinks/, если это возможно для вашего сайта или я могу помочь вам с разработкой WP плагина с необходимым вам функционалом.

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

SEO tips #4: добавление семантических сущностей с schema.org

Семантические сущности добавляются с помощью теневых ссылок, используя атрибут about (https://schema.org/about), который указывает на тему контента, и второй атрибут mentions (https://schema.org/mentions), который показывает, что в контенте упоминаются такие-то темы, но они не являются основными.

Если вы написали статью о SEO-консультанте Google для сайта Wordpress. Вот пример реализации микропарсинга, например:

<script type="application/ld+json"> {

 "@context": "https://schema.org",
 "@type": "WebPage",
 "@id": "my-id-22222",
 "url": "https://site.ru/page22222",

 "about":  [
   {"@type": "Thing", 
    "name": "Search_engine_optimization", 
    "sameAs": "https://en.wikipedia.org/wiki/ Search_engine_optimization"},
   {"@type": "Thing", 
    "name": "WordPress", 
    "sameAs": "https://en.wikipedia.org/wiki/WordPress"}
  ],

 "mentions": [
   {"@type": "Thing", 
    "name": "Search_Engine", 
    "sameAs": "https://en.wikipedia.org/wiki/Search_engine"},
   {"@type": "Organization", 
    "name": "Google", 
    "sameAs": "https://en.wikipedia.org/wiki/Google"},
   {"@type": "Thing", 
    "name": "Marketing", 
    "sameAs": "https://en.wikipedia.org/wiki/Marketing"}
 ]

} </script>

Вы можете использовать семантические сущности и добавить теневые ссылки WIKI, возможно, можно использовать и другие доверенные сайты, но я не тестировал это с другими доверенными сайтами. И, пожалуйста, обратите внимание, что поле «name» должно быть таким, как текущий slug вики-страницы из WIKI url.

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

Это были простые советы, которые знают многие разработчики WordPress, но 80% владельцев сайтов не используют эти советы, и я думаю, что они будут полезны для вас. Если вам нужено больше примеров моего кода, например, анимация элементов дизайна с помощью GSAP, или разработка пользовательских блоков Gutenberg с помощью React, или различные интеграции API, то свяжитесь со мной.

UDEMY, Become a WordPress Developer: Unlocking Power With Code, 03 — 04.2023

• Dev Environment organizations and how to use Local by Flywheel
• WordPress Specific PHP and cleaner code(Sanitization and Validation)
• WordPress Core Structure
• WordPress mu-plugins and libs implementation
• WordPress Custom Post Types
• WordPress page templates parts(header, footer, navigations, sidebars, content)
• WordPress Loops and Custom WP Query
• WordPress Custom fields and metaboxes
• WordPress REST API (AJAX)
• User Roles and Permissions
• Prod Environment and deploing (Hosting, Github/Bitbucket)
• Get queries exploitation and custom contact form creations

UDEMY, Gutenberg Blocks for WordPress and React Developers, 02 — 03.2022

• Learn about the block editor design guidelines.
• Discover how the block editor saves your post in the database and how the editor UI is constructed.
• Learn how to use wp-scripts to transpile ES6 and JSX, compile SASS to CSS, bundle and minify your JS and CSS files and more.
• Integrate ESLint, Prettier, Stylelint and Husky in your project to improve your workflow.
• Create a new custom Gutenberg block from scratch.
• Customize the block editor features in your WordPress theme.
• Discover every aspect you need to know to create a complex Gutenberg block.
• Create a nested block (a block that accepts other blocks inside of it).
• Use third party react libraries to create complex features.
• Learn about handling deprecated blocks.
• Learn how to transform your custom block into another block.
• Create a dynamic block
• Explore how to use the existing data stores in your blocks.
• Learn how to create your own data stores in order to share data between blocks.
• Learn different ways to manage meta fields in the block editor
• Learn how to create a custom sidebar in the block editor and manage your meta fields inside of it
• Learn how to extend the existing block editor’s sidebar
• Learn about features like patterns, context, formatting API and templates
• Modify existing block’s behavior with JavaScript & PHP filters
• Internationalize blocks by generating and loading translation files

UDEMY, The Complete Guide to Building Premium WordPress Themes, 07 — 08.2021

• Learn how to code and create premium WordPress themes that pass the themeforest review
• Use NPM/Yarn and Gulp to create a workflow for an efficient and a reusable Wordpress theme
• Discover all core aspects for creating a WordPress theme.
• Learn how to create a secure and translation ready WordPress theme
• Learn How to make your theme customizable with WordPress’s Customizer API
• Write Javascript using the latest ES6+ versions
• Create custom WordPress widgets and integrate them with Customizer
• Create custom post types and custom taxonomies.
• Learn about shortcodes and how to create them
• Learn how your WordPress website can be more accessible
• Create basic plugins and learn how to properly include them in your theme
• Understand how things work in WordPress in a deeper way by digging into the source code
• Create themes that are compatible with the new editor ‘Gutenberg’