Verwijder het laatste stukje inline stijl uit je WordPress pagina’s. *

In WordPress wordt aan het veld waarin de afbeeldingen staan automatisch een inline stijl toegevoegd, die stijl declaratie zorgt er onder andere voor dat de caption oftewel ondertitel op de juiste manier wordt vertoond.

Die div ziet er ongeveer als volgt uit:

<div id="attachment_1188" style="width: 180px" class="wp-caption alignnone">Inhoud</div>

Om deze inline stijl te veranderen in nog schonere html kun je de volgende methode gebruiken.

1. Plaats dit onderaan in je stylesheet. *

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
img {max-width:100%;}
div.wp-caption{ max-width: 200px;}

2. Plaats dit onderaan in de functions.php van je thema. *

add_shortcode('wp_caption', 'fixed_img_caption_shortcode');
add_shortcode('caption', 'fixed_img_caption_shortcode');
function fixed_img_caption_shortcode($attr, $content = null) {
if ( ! isset( $attr['caption'] ) ) {
if ( preg_match( '#((?:<a [^>]+>\s*)?<img [^>]+>(?:\s*</a>)?)(.*)#is', $content, $matches ) ) {
$content = $matches[1];
$attr['caption'] = trim( $matches[2] );
}
}
$output = apply_filters('img_caption_shortcode', '', $attr, $content);
if ( $output != '' )
return $output;
extract(shortcode_atts(array(
'id' => '',
'align' => 'alignnone',
'width' => '',
'caption' => ''
), $attr));
if ( 1 > (int) $width || empty($caption) )
return $content;
if ( $id ) $id = 'id="' . esc_attr($id) . '" ';
return '<div ' . $id . 'class="wp-caption ' . esc_attr($align) . '" >' 
. do_shortcode( $content ) . '<p class="wp-caption-text">' . $caption . '</p></div>';
}

 Nu ziet de div er als volgt uit:

<div id="attachment_1188" class="wp-caption alignnone" >Inhoud</div>

Is dit echt nodig? *

Welnee, het maakt helemaal niets uit voor de seo.

De enige reden waarom ik dit doe is omdat ik af en toe gebruik maak van seo scans.
De meesten daarvan geven een melding dat je de inline stijl declaraties zoveel mogelijk moet verwijderen.
Meestal geeft een dergelijke scan je een procentje minder in de totale seo score, flauwekul eigenlijk.

De enige reden om dit te doen is deze inline stijl factor niet in een seo scan te laten meewegen.
Doe dit alleen als je alle andere inline stijlen al hebt verwijderd.

Hierdoor kun je tijdens seo scans een iets meer accuraat beeld van de optimalisatie krijgen.

Beveiligingstips voor WordPress.