twitter social sharing meta tags
I had done this one so many times on client sites I actually forgot that i had not applied it to my own site! Doh!
Anyway this is the tag setup i use for adding the title, url, author and featured image to each of my pages. You can specify a seperate one for each article or you can specify just a general one for the site overall.
If you have the capability its better for SEO if you can specify one per page or article.
Here is a link to the full twitter guide if you want something a bit more in depth as this is just a code snippit.
Then if you want to see what your link will look like, you can go and test it here.
Here is the test result for this demo page:
I actually only counted seven tags, but hey it found an extra two bonus tags i guess.
Also as you can see from the image preview, i guess it does not like me linking to the unsplash auto generated image, so i will test that with something closer to home and see how it likes that a bit better.
add a new php / html template
HTML - social-meta.html
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@kruxor" />
<meta name="twitter:creator" content="@kruxor" />
<meta property="og:url" content="[@url]" />
<meta property="og:title" content="[@title]" />
<meta property="og:description" content="[@description]" />
<meta property="og:image" content="[@image]" />
Fill in the details
PHP
// add social meta tags.
$socials = new template("social-meta.html");
$socials->set("site", "@kruxor");
$socials->set("creator", "@kruxor");
$socials->set("url", $global_vars["full_page_url"]); // $global_vars[] or $server_http_val . $_SERVER['SERVER_NAME'] . $_SERVER['REQUEST_URI'];
$socials->set("title", $class->title);
$page_summary_text = $functions->create_summary($class->additional, $max_length = 250);
$socials->set("description", $page_summary_text);
$socials->set("image", "");
$page_content .= $socials->output();
// add social meta tags.
Also had to extract the summary from the content with this function.
Seems to be working ok now, still need to extract the image from the post. Not sure if the image needs to be hosted on the same site for it to work.
HTML
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@kruxor" />
<meta name="twitter:creator" content="@kruxor" />
<meta property="og:url" content="https://kruxor.com/" />
<meta property="og:title" content="KruXoR" />
<meta property="og:description" content="I had done this one so many times on client sites I actually forgot that i had not applied it to my own site! Doh!" />
<meta property="og:image" content="https://unsplash.it/900/700 " />