SEO Basics: Difference between revisions

Line 38:

The Description Tag does NOT show up anywhere in a Page or Post, nor do they appear in raw HTML.

Open Graph / OG, shows up in HTML as <meta property="og:image" content="https://NameOfFile<nowiki/>.jpg"/> According to current information, Facebook uses it. Google

Open Graph / OG, shows up in HTML as <meta property="og:image" content="https://NameOfFile&lt;nowiki/&gt;.jpg"/> According to current information, Facebook uses it. Google

<br />

Default ALT Description to compensate for blank alt tags

longdesc ''URL'' Specifies a URL to a detailed description of an image

Possible Plugins

Auto Image Attribute with Bulk Updater, Bialty; Neither of these first two use the image title in the ALT text unless you buy a pro version. They're also very complex and lead into other plugins too.

The Title Attribute in an IMG Element is not an officially supported attribute. Firefox will display a popup that shows the title of an image. Wordpress does not add Title Attribute or include it anywhere in the HTML.

<figure> and <figcaption> are additional HTML elements to describe images. And its new to HTML 5, so not in danger of deprecation.

SEO Image Pro can substitute Title and Alt information

Media Library Assistant can Bulk update ALT fields for images (note WP Media folder has to be deactivated for it to work)

Adding the below code to a theme's functions.php file will take existing information and create Figure and FigCaption elements<syntaxhighlight lang="text">

function example_figure_caption($html, $id, $caption, $title, $align, $url) {

$html5 = "<figure id='post-$id media-$id' class='align-$align'>";

$html5 .= "<img src='$url' alt='$title' />";

if ($caption) {

$html5 .= "<figcaption>$caption</figcaption>";

}

$html5 .= "</figure>";

return $html5;

}

add_filter( 'image_send_to_editor', 'example_figure_caption', 10, 9 );

</syntaxhighlight><br />

===Living example: Anthropology (and as it accidentally and conveniently turned out Anthropologie)===

Line 56:

Line 84:

Meta Description Override

Schema.org, developed by several search engines to enhance how information is "represented" / displayed to users using tags such as the following;

=== Schema.org ===

developed by several search engines to enhance how information is "represented" / displayed to users using tags such as the following;

@@ Line 38: / Line 38: @@
 The Description Tag does NOT show up anywhere in a Page or Post, nor do they appear in raw HTML.
-Open Graph / OG, shows up in HTML as <meta property="og:image" content="https://NameOfFile&lt;nowiki/&gt;.jpg"/>  According to current information, Facebook uses it.  Google
+Open Graph / OG, shows up in HTML as <meta property="og:image" content="https://NameOfFile&amp;lt;nowiki/&amp;gt;.jpg"/>  According to current information, Facebook uses it.  Google
-<br />
+Default ALT Description to compensate for blank alt tags
+longdesc    ''URL''    Specifies a URL to a detailed description of an image
+Possible Plugins
+Auto Image Attribute with Bulk Updater, Bialty; Neither of these first two use the image title in the ALT text unless you buy a pro version.  They're also very complex and lead into other plugins too.
+The Title Attribute in an IMG Element is not an officially supported attribute.  Firefox will display a popup that shows the title of an image.  Wordpress does not add Title Attribute or include it anywhere in the HTML.
+<figure> and <figcaption> are additional HTML elements to describe images.  And its new to HTML 5, so not in danger of deprecation.
+SEO Image Pro can substitute Title and Alt information
+Media Library Assistant can Bulk update ALT fields for images (note WP Media folder has to be deactivated for it to work)
+Adding the below code to a theme's functions.php file will take existing information and create Figure and FigCaption elements<syntaxhighlight lang="text">
+function example_figure_caption($html, $id, $caption, $title, $align, $url) {
+  $html5 = "<figure id='post-$id media-$id' class='align-$align'>";
+  $html5 .= "<img src='$url' alt='$title' />";
+  if ($caption) {
+    $html5 .= "<figcaption>$caption</figcaption>";
+  }
+  $html5 .= "</figure>";
+  return $html5;
+}
+add_filter( 'image_send_to_editor', 'example_figure_caption', 10, 9 );
+</syntaxhighlight><br />
 ===Living example: Anthropology (and as it accidentally and conveniently turned out Anthropologie)===
@@ Line 56: / Line 84: @@
 Meta Description Override
-Schema.org, developed by several search engines to enhance how information is "represented" / displayed to users using tags such as the following;
+=== Schema.org ===
+developed by several search engines to enhance how information is "represented" / displayed to users using tags such as the following;
 <meta itemprop="keywords" name="keywords" content="anthropology, hunter-gatherer" />