2Фиксация Богатые Фрагменты инструмент тестирования для микроданных

Над 2 years ago I pub­lished an art­icle on how to fix prob­lems with Word­Press themes which did­n’t pass the Google Rich Snip­pets Test­ing Tool. С тех пор много изменилось - WordPress и большинство темы имеют лучшую поддержку, HTML5 и CSS3 приехали, и Google, Yahoo and Bing got togeth­er and decided to focus on Microdata, через schema.org. В то время микроформаты казалось самый простой способ разметки страниц, и инструмент тестирования был самый всестороннюю поддержку для них. Переход на микроданных и изменения в WordPress требуется новая статья: это он!

Вместо того, много отдельных статей для различных тем я решил попробовать предоставить всю информацию, в 1 направлять. This makes it easi­er to keep up to date, и означает, что есть только 1 центральная точка для всех запросов и обсуждения. It also makes more sense as sev­er­al of the steps are the same regard­less of what theme you are using. I’m not going to cov­er all the option­al extras in this art­icle, просто основы, чтобы ваш сайт, чтобы проверить с помощью инструмента. После того, как вам удалось, что вы должны найти добавления дополнительной разметки относительно легко. So lets get star­ted…

Добавить ссылку из вашего профиля Google на свой сайт

Вы увидите на мой Google про-файл что у меня есть ссылка госу-дарственных к HTTPS://diymediahome.org - Вам нужно будет то же самое для своего сайта. В идеале вам нужно все ваши авторов иметь профиль Google, который связан с вашего сайта так же, как это.

1. Войти в свой Google про-файл
2. Прокрутите вниз, пока не увидите связи раздел где-то к нижней правой части страницы
3. Нажмите на кнопку редактировать ссылка
4. Под con­trib­ut­or to сек-ции нажмите Добавить кли-том ссылку
5. Убедитесь, что в поле справа от текста con­trib­ut­or to установлен в pub­lic
6. Введите название Вашего сайта (например. DIY Медиа Главная) и адрес (например. HTTPS://diymediahome.org)
7. Нажмите кнопку Сохранить

Добавить ссылку с вашего сайта в свой профиль Google

Теперь нам нужно добавить ссылку на странице вашего автора в свой профиль Google. Есть 2 чередующееся-на-ив способов сделать это, Я очень рекомендуем с помощью Yoast ЭТО плю-джин.

1. Установите Yoast ЭТО плю-джин ИЛИ добавьте следующий код в файл functions.php вашей темы
   
   XHTML

   function update_contactmethods( $contactmethods ) { // Add Google Profiles $contactmethods['googleplus'] = 'Google+'; // Add Twitter $contactmethods['twitter'] = __( 'Twitter username (without @)', 'wordpress-seo' ); return $contactmethods; } add_filter( 'user_contactmethods', 'update_contactmethods', 10, 1);

   1 2 3 4 5 6 7 8 9

   function update_contactmethods( $contactmethods ) { // Add Google Profiles $contactmethods['googleplus'] = 'Google+'; // Add Twitter $contactmethods['twitter'] = __( 'Twitter username (without @)', 'wordpress-seo' );   return $contactmethods; } add_filter( 'user_contactmethods', 'update_contactmethods', 10, 1);

2. Перейдите на автора профиля в WordPress интерфейс администратора (hov­er over Пользователи в меню слева, и нажмите Ваш Pro-файл)
3. В Google+ Поле добавить ссылку на ваш Google про-файле (например. HTTPS://plus.google.com/104657888470728381512 /)
4. Убедитесь в том, либо вы, or your oth­er site authors do the same thing, and each link to your own google pro­files
5. Сейчас, если вы используете Yoast PLU-джин, перейти к ЭТО меню и выберите Названия и METAS, слизать на Дом меню в верхней части страницы, а в Автору высокого света-Ing пулдаун окно выбора пользователя, которого необходимо использовать в качестве автора главной страницы
6. Если вы настойчиво о не использовании плагин Yoast вам нужно будет вручную добавить следующий код в header.php (предполагая, у вас есть). Don’t for­get to change my google pro­file url to yours. This code will use the post author’s google pro­file url if there is a val­id one, и будет использовать по умолчанию (ваш) если нет.
   
   Add this to header.php immediately above </head>

   XHTML

   <link rel="author" href="<?php $gplus = 'https://plus.google.com/115369062315673853712/posts'; if ( is_singular() ) {global $post; $gplus = get_the_author_meta( 'googleplus', $post->post_author );} echo $gplus; ?>"/>

   1	<link rel="author" href="<?php $gplus   = 'https://plus.google.com/115369062315673853712/posts'; if ( is_singular() ) {global $post; $gplus = get_the_author_meta( 'googleplus', $post->post_author );} echo $gplus; ?>"/>

Исправить ошибки в "обновленном" отсутствует поле

Большинство тем WordPress включать информацию о том, когда сообщение было опубликовано в сообщение информационного пространства, но очень немногие также включать, когда она была обновлена. Это жаль, because updated is required where­as pub­lished actu­ally isn’t! Добавление легко, хотя, и снова, имеются 2 способы, the prop­er way and the quick hack way. I recom­mend the prop­er way of course, но при необходимости можно прибегнуть к быстрому рубить. Мы также собираемся перейти от микроформатах к микроданным в то же время.

Правильный способ

We’re going to add some addi­tion­al inform­a­tion to post head­ers, как для поисковых систем и для наших отношению свои автомобили ПРС. Нам нужно будет сделать это для сообщений, страницы, архивы и домашнюю страницу.

1. Нам нужно найти файл, содержащий код, который генерирует опубликованную ссылку. Это почти наверняка использовать WordPress функцию get_the_date(). Вы можете искать через ваши файлов темы, or refer to theme spe­cif­ic details below where I have provided details for lots of themes
2. Мы собираемся, чтобы проверить, опубликованные и обновленные даты одинаковы. Если они у нас будут просто добавить дополнительные dateUp-от item­prop but if they are dif­fer­ent we will out­put some extra text to the vis­it­or
3. Мы собираемся добавить следу-инженер (and modi­fy it as it explains)
   
   XHTML

   <?php if(get_the_date()==get_the_modified_date()): ?> //we're going to use the original code just with the updated class added //put your theme's original code here //remove any class="" //add itemprop="datePublished dateCreated dateModified" to the HTML tag surrounding the get_the_date() function <?php else: ?> //we're going to use slightly code just with the updated date added //copy your theme's original code to here and then modify it as below //remove any class="" //add itemprop="datePublished dateCreated" to the HTML tag surrounding the get_the_date() function //add in a new html tag into the line where you want it to appear as below //Updated <?php echo get_the_modified_date() ?> <?php endif; ?>

   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

   <?php if(get_the_date()==get_the_modified_date()): ?>   //we're going to use the original code just with the updated class added //put your theme's original code here //remove any class="" //add itemprop="datePublished dateCreated dateModified" to the HTML tag surrounding the get_the_date() function   <?php else: ?>   //we're going to use slightly code just with the updated date added //copy your theme's original code to here and then modify it as below //remove any class="" //add itemprop="datePublished dateCreated" to the HTML tag surrounding the get_the_date() function //add in a new html tag into the line where you want it to appear as below //Updated <?php echo get_the_modified_date() ?>   <?php endif; ?>

4. You’ll either have to fig­ure out the ori­gin­al theme’s code and edit it, or refer to the details for spe­cif­ic themes below.
5. Возможно, вам придется повторить этот редактировать для нескольких файлов

Быстрый хак

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

1. Как и выше, мы должны найти файл, содержащий код, который генерирует опубликованную ссылку. Это почти наверняка использовать WordPress функцию get_the_date(). Вы можете искать через ваши файлов темы, или обратитесь к таблице ниже, где я представил подробную информацию для многих темы
2. Найти HTML Эле-мент, что сюр-округляет дату (часто она будет иметь class="published").
3. Редактировать элемент, удаляя класс и добавить следующее вместо itemprop="datePublished dateCreated dateUpdated"
4. Как и выше, Вы, возможно, потребуется повторить этот редактировать в нескольких файлах

Замена встроенных микроформатами (потому что смешивание богатые форматы фрагмент кода ломает вещи)

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

Замена визитку в разделе комментариев

1. То, что мы собираемся сделать, это использовать комментарий обратного вызова для изменения устройства вывода комментариев. Many themes already use a call­back which we can modi­fy, и для тех, которые этого не делают мы добавим один на основе WordPress умолчанию
2. Проверить, если вы тема уже есть комментарий обратный вызов - поиск файлы темы для функции wp_list_comments. Если она включает в себя код callback= или 'callback' => то она использует функцию обратного вызова, который вы должны быть в состоянии найти (проблема-умело в functions.php) , глядя на имя функции обратного вызова, который является частью после знака = или стрелку, например. wp_list_comments( array( 'callback' => 'twentyten_comment' ) ); или wp_list_comments('type=comment&callback=bones_comments');. If it does­n’t then we will need to add one by adding callback=diymh_comment или array( 'callback' => 'diymh_comment' ) к линии.
3. Если вам нужно добавить комментарий обратного вызова, то вам нужно будет добавить следующий код в functions.php
   
   XHTML

   function diymh_comment($comment, $args, $depth) { $GLOBALS['comment'] = $comment; ?> <li <?php comment_class(); ?> id="li-comment-<?php comment_ID() ?>"> <div id="comment-<?php comment_ID(); ?>"> <div class="comment-author novcard"> <?php echo get_avatar($comment,$size='48',$default='<path_to_url>' ); ?> <?php printf(__('<cite class="fn">%s</cite> <span class="says">says:</span>'), get_comment_author_link()) ?> </div> <?php if ($comment->comment_approved == '0') : ?> <em><?php _e('Your comment is awaiting moderation.') ?></em> <br /> <?php endif; ?> <div class="comment-meta commentmetadata"><a href="<?php echo htmlspecialchars( get_comment_link( $comment->comment_ID ) ) ?>"><?php printf(__('%1$s at %2$s'), get_comment_date(), get_comment_time()) ?></a><?php edit_comment_link(__('(Edit)'),' ','') ?></div> <?php comment_text() ?> <div class="reply"> <?php comment_reply_link(array_merge( $args, array('depth' => $depth, 'max_depth' => $args['max_depth']))) ?> </div> </div> <?php }

   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

   function diymh_comment($comment, $args, $depth) { $GLOBALS['comment'] = $comment; ?> <li <?php comment_class(); ?> id="li-comment-<?php comment_ID() ?>">   <div id="comment-<?php comment_ID(); ?>"> <div class="comment-author novcard"> <?php echo get_avatar($comment,$size='48',$default='<path_to_url>' ); ?>   <?php printf(__('<cite class="fn">%s</cite> <span class="says">says:</span>'), get_comment_author_link()) ?> </div> <?php if ($comment->comment_approved == '0') : ?> <em><?php _e('Your comment is awaiting moderation.') ?></em> <br /> <?php endif; ?>   <div class="comment-meta commentmetadata"><a href="<?php echo htmlspecialchars( get_comment_link( $comment->comment_ID ) ) ?>"><?php printf(__('%1$s at %2$s'), get_comment_date(),  get_comment_time()) ?></a><?php edit_comment_link(__('(Edit)'),'  ','') ?></div>   <?php comment_text() ?>   <div class="reply"> <?php comment_reply_link(array_merge( $args, array('depth' => $depth, 'max_depth' => $args['max_depth']))) ?> </div>   </div> <?php }

4. Вы заметите, что этот код имеет class="novcard" instead of the ori­gin­al class="vcard".
5. Если ваша тема действительно иметь свой собственный обратный вызов вам нужно найти функцию обратного вызова и заменить все экземпляры class="vcard" с class="novcard"

Замена hfeed в заголовке

1. Следующий, мы должны также удалить все экземпляры class="hfeed", которые УрГУ-союзником найти в header.php. Замените все вхождений из hfeed с nohfeed

Замена hentry и название богатые фрагменты

1. Мы можем заменить эти элементы с несколькими аккуратными функций добавляется в functions.php
   
   PHP

   function diymh_replace_hentry($classes){ if(($key = array_search('hentry', $classes)) !== false) $classes[$key]='nohentry'; return $classes; } add_filter('post_class','diymh_replace_hentry'); function diymh_microdata_title($title) { return '<span itemprop="name">'.$title.'</span>'; } add_filter('the_title', 'diymh_microdata_title', 10, 2);

   1 2 3 4 5 6 7 8 9 10

   function diymh_replace_hentry($classes){ if(($key = array_search('hentry', $classes)) !== false) $classes[$key]='nohentry'; return $classes; } add_filter('post_class','diymh_replace_hentry');   function diymh_microdata_title($title) {     return '<span itemprop="name">'.$title.'</span>'; } add_filter('the_title', 'diymh_microdata_title', 10, 2);

Добавление тип информации (например. Статья, Рецепт, и т.д.) в заголовке статьи

1. Первый, decide what type of work you are pub­lish­ing — most likely an art­icle. Have a look at the list at schema.org
2. Найти HTML тег, который содеражат те функция post_class()
3. Добавьте код itemscope itemtype="https://schema.org/Article" (заменить статью, если вы выбрали другой тип работы)

в заключение, чтобы избежать нарушения каких-либо стилей

1. Вам нужно будет редактировать style.css вашей темы и сделать поиск / замену операцию, чтобы заменить все экземпляры .vcard с .novcard и заменить все экземпляры .hfeed с .nohfeed так, чтобы наши изменения не испортить любой CSS styl­ing of our com­ments

Исправление любых других ошибок

Any oth­er changes neces­sary will be detailed on a per theme basis below. Если у вас есть тема, которая вам не удается исправить просьба оставить комментарий. Если его свободную тему, пожалуйста, дайте мне знать имя темы, and if it is a premi­um theme please let me know so I can provide you with an e‑mail address to send a zipped copy to.

Тема конкретные детали

Before just car­ry­ing out these edits don’t for­get to carry out the steps to link your google pro­file and your site to each oth­er, и установить Yoast ЭТО, или добавить код предоставляет выше.

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