WordPress

Posts

Must-Have Social Meta Tags for Your Websites

Must-Have Social Meta Tags for Twitter, Google+, Facebook and More

- Posted by to Social Media

At Moz, we strive to include social media metadata in all new pieces of content that we publish. This allows us to optimize for sharing Twitter, Facebook, Google+ and Pinerest by defining exactly how titles, descriptions, images and more appear in social streams.

Think of it as conversion rate optimization for social exposure.

The implications for SEO are also significant. We know from experience and studies that the right data, including optimized images, helps content to spread, which often leads to increased links and mentions.

Knowing exactly which social meta tags to include can be confusing even to experienced webmasters. This post by Micheal King is a huge help, and WordPress publishers who use Yoast's SEO plugin are well ahead of the game. For the rest of us, consider the different structures supported by the major social platforms:

  • Twitter Cards: Summaries, Images, Galleries, Apps, Video, Audio, and Products
  • Pinterest Rich Pins: Products, Recipes, Movies, and Articles
  • Google+: Articles, Blog, Book, Event, Local Business, Organization, Person, Product, and Reviews
  • Facebook: Articles, Photos, Audio, Video, and more

To help ease this problem, I created four social media tag templates that you can fill out, customize for your own use, and share with your team and others.

How to use these templates

Simply copy and paste the template into the text editor of your choice. Make sure to replace any orange or green text with your own data, and customize, eliminate or add any tags you find necessary.

The first three of these templates are optimized using a typical "article" markup and data, ideal for blog posts and most written content. The final template contains markup for product pages.For other post types, such as book or recipes, refer to documentation linked at the end of this post for reference on what to customize.

When you are done, don't forget to test and apply for approval.

1. The Minimal Template

This slimmed back version runs lean and fast. It contains a bare minimum of data for optimized sharing across Twitter, Facebook, Google+ and Pinterest.

Title tags and meta descriptions are included even though they aren't technically social media meta tags. This is because they can be used by Google+ and other social media platforms, and it is best practice to include them on every page you publish.

Minimum Social Media Tag Template: Article

<!-- Place this data between the <head> tags of your website -->
<title>Page Title. Maximum length 60-70 characters</title>
<meta name="description" content="Page description. No longer than 155 characters." />

<!-- Twitter Card data -->
<meta name="twitter:card" value="summary">

<!-- Open Graph data -->
<meta property="og:title" content="Title Here" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://www.example.com/" />
<meta property="og:image" content="http://example.com/image.jpg" />
<meta property="og:description" content="Description Here" />

2: The Standard Template

The standard template represents a more robust implementation of social tags and is meant to work across all platforms. In addition to all of the features of the mimimal template above, the standard template includes the following:

  • The basic Twitter Summary card
  • Twitter thumbnail image
  • Facebook Page Insights

Standard Social Media Tag Template: Article

<!-- Place this data between the <head> tags of your website -->
<title>Page Title. Maximum length 60-70 characters</title>
<meta name="description" content="Page description. No longer than 155 characters." />

<!-- Twitter Card data -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@publisher_handle">
<meta name="twitter:title" content="Page Title">
<meta name="twitter:description" content="Page description less than 200 characters">
<meta name="twitter:creator" content="@author_handle">
<-- Twitter Summary card images must be at least 200x200px -->
<meta name="twitter:image" content="http://www.example.com/image.jpg">

<!-- Open Graph data -->
<meta property="og:title" content="Title Here" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://www.example.com/" />
<meta property="og:image" content="http://example.com/image.jpg" />
<meta property="og:description" content="Description Here" />
<meta property="og:site_name" content="Site Name, i.e. Moz" />
<meta property="fb:admins" content="Facebook numeric ID" />

3: The Full Monty

This is the monster! In addition to all the data contained in the standard template, the full template contains:

  • Google Authorship and Publisher Markup. Although this data doesn't change your content appearance in Google+, it potentially add links to your Google+ pages in search results.
  • Schema.org article markup
  • Twitter Summary card with large image
  • Expanded Open Graph article data

Full Social Media Tag Template: Article

<!-- Update your html tag to include the itemscope and itemtype attributes. -->
<html itemscope itemtype="http://schema.org/Article">

<!-- Place this data between the <head> tags of your website -->
<title>Page Title. Maximum length 60-70 characters</title>
<meta name="description" content="Page description. No longer than 155 characters." />

<!-- Google Authorship and Publisher Markup -->
<link rel="author" href="https://plus.google.com/[Google+_Profile]/posts"/>
<link rel="publisher" href=”https://plus.google.com/[Google+_Page_Profile]"/>

<!-- Schema.org markup for Google+ -->
<meta itemprop="name" content="The Name or Title Here">
<meta itemprop="description" content="This is the page description">
<meta itemprop="image" content="http://www.example.com/image.jpg">

<!-- Twitter Card data -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@publisher_handle">
<meta name="twitter:title" content="Page Title">
<meta name="twitter:description" content="Page description less than 200 characters">
<meta name="twitter:creator" content="@author_handle">
<!-- Twitter summary card with large image must be at least 280x150px -->
<meta name="twitter:image:src" content="http://www.example.com/image.html">

<!-- Open Graph data -->
<meta property="og:title" content="Title Here" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://www.example.com/" />
<meta property="og:image" content="http://example.com/image.jpg" />
<meta property="og:description" content="Description Here" />
<meta property="og:site_name" content="Site Name, i.e. Moz" />
<meta property="article:published_time" content="2013-09-17T05:59:00+01:00" />
<meta property="article:modified_time" content="2013-09-16T19:08:47+01:00" />
<meta property="article:section" content="Article Section" />
<meta property="article:tag" content="Article Tag" />
<meta property="fb:admins" content="Facebook numberic ID" />

Bonus: The Product Template

For merchants, product markup is very popular, and usually easy for developers to implement in their shopping cart software. The product template differs from article markup in only a few ways:

  • Modified <html> tag to reflect schema.org product data
  • Twitter Product Card includes required data labels
  • Open Graph data includes price and currency data

Product Social Media Tag Template

<!-- Update your html tag to include the itemscope and itemtype attributes. -->
<html itemscope itemtype="http://schema.org/Product">

<!-- Place this data between the <head> tags of your website -->
<title>Page Title. Maximum length 60-70 characters</title>
<meta name="description" content="Page description. No longer than 155 characters." />

<!-- Schema.org markup for Google+ -->
<meta itemprop="name" content="The Name or Title Here">
<meta itemprop="description" content="This is the page description">
<meta itemprop="image" content="http://www.example.com/image.jpg">

<!-- Twitter Card data -->
<meta name="twitter:card" content="product">
<meta name="twitter:site" content="@publisher_handle">
<meta name="twitter:title" content="Page Title">
<meta name="twitter:description" content="Page description less than 200 characters">
<meta name="twitter:creator" content="@author_handle">
<meta name="twitter:image" content="http://www.example.com/image.html">
<meta name="twitter:data1" content="$3">
<meta name="twitter:label1" content="Price">
<meta name="twitter:data2" content="Black">
<meta name="twitter:label2" content="Color">

<!-- Open Graph data -->
<meta property="og:title" content="Title Here" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://www.example.com/" />
<meta property="og:image" content="http://example.com/image.jpg" />
<meta property="og:description" content="Description Here" />
<meta property="og:site_name" content="Site Name, i.e. Moz" />
<meta property="og:price:amount" content="15.00" />
<meta property="og:price:currency" content="USD" />

 

Tools for testing and approval

A. Twitter Validation Tool

 

https://dev.twitter.com/docs/cards/validation/validator

 

Before your cards show on Twitter, you must first have your domain approved. Fortunately, it's a super-easy process. After you implement your cards, simply enter your sample URL into the validation tool. After checking your markup, select the "Submit for Approval" button.

B. Facebook Debugger

 

 

https://developers.facebook.com/tools/debug

 

 

You don't need prior approval for your meta information to show on Facebook, but the debugging tool they offer gives you a wealth of information about all your tags and can also analyze your Twitter tags.

C. Google Structured Data Testing Tool

 

 

http://www.google.com/webmasters/tools/richsnippets

 

 

Webmasters traditionally use the structured data testing tool to test authorship markup and preview how snippets will appear in search results, but you can also use see what other types of meta data Google is able to extract from each page.

D. Pinterest Rich Pins Validator

 

 

http://developers.pinterest.com/rich_pins/validator/

 

 

Like Twitter, Pinterest requires an approval process to enable Rich Pin functionality. Use the Rich Pin Validator tool to test your data markup and apply for approval at the same time.


Tips and best practices

Optimizing for images

The image you link to in your social data does not actually have to be on the page, but it should represent your content well. The image allows you to controll what people see when they share your content, so it's important to use quality images.

Every social platform has different standards for sizing. Typically, it's easier to keep it simple and choose one image size that will work for all services.

  • Twitter thumbnail: 120x120px
  • Twitter large image: 280x150px
  • Facebook: Standards vary, but an image at least 200x200px works best. Facebook recommends large images up to 1200px wide.

In short, larger images offer you the most flexibility. When in doubt, test each page using the appropriate tool below to see exactly how your images will appear in snippits.

The importance of Open Graph data

If you could choose only one type of meta data to include, your best bet is Open Graph. That's because all the platforms can use it as a fallback, including Twitter to a large degree.

Facebook page insights

The meta property "fb:admins" requires that you enter your numeric Facebook id number, and gives you access to analytics about how your website content is shared on Facebook. Read more about Page Insights, including how to set it up and discover your numeric id.

Further resources

Use these templates as a starting point, but you can customize them in millions of ways. A few valuable resources to aid your journey:

What are your best tips for optimizing your content for sharing? Let us know in the comments below.

This article is a reproduction because I thought this is such valuable information to share, I have left all credit and links that appeared in the original article and given full credit to the original author over at Moz.
Original Article created by Cyrus-ShepardCyrus Shepard is Senior Content Astronaut for Moz. Follow him on Twitter and Google+

How to Fix WordPress Blank White Screen | WordPress, blank white screen

So your WordPress site is suddenly Not Working,

http://blog.gameznet.biz/wp-content/uploads/wordpress_tips_full114.jpg

All Your seeing is a blank White Screen

Don't worry all is not lost!

These tips apply for all WordPress version. WordPress is one of the most used and powerful blog engines. And with the all community support, many plugins are developed to make WordPress more powerful and feature rich. But not all plugin developers code their plugins to WordPress standards and sometimes this will create problems with the most annoying problem being a blank page error.

No error message, just a white blank screen. The first tip is “don’t panic“.

Analyze your website in these steps:
1. Check your hosting server

The first step is check your hosting server by going to your server administration (usually cpanel). Check if that’s live or not. If not then contact your hosting server support.
If alive then the problem is likely to be on your blog.

2. Check wp-admin

Check your wp-admin folder by go to http://www.yoursite.com/wp-admin
See if it is alive and not blank.
If it is not blank, then your WordPress doesn’t have a problem.
You can check your themes and files on the root folder. If it is blank, then there are lot of possibilities, but most of the time it is plugins and themes.

3. Check for index.html and .maintenance files
Yes, check if there is a blank index.html in your root folder.
I know it seems odd but if there is a blank index.html in the root then it may be the culprit. Delete it and check your site again.

If your wordpress site is stuck with a "Maintenance Message" go to the root of your instalation and delete the file .maintenance and check your site again, that may fix the problem, if not keep going.

 

4. Check error_log

Open your favorite FTP client program then downoad error_log file at the root of your blog. Analyze it, see what make your blog errors. Usually i found out what make it errors in this file. Usually it will be a memory problem, file not found problem, and so on. Pay more attention to the error message and fix it.
5. Fix: WordPress Memory Exhausted Error – Increase PHP Memory

If you see sometimes a WordPress Memory Exhausted error showing up after activating or updating a new plugin or doing some other task. Usually the error looks like this:
Fatal error: Allowed memory size of xxxxxxx bytes exhausted (tried to allocate xxxxxx bytes) in /home4/xxx/public_html/wp-includes/plugin.php on line xxx

This error occurs as WordPress tries to access more memory then it is allowed to by the “Server PHP configuration” or “WordPress Setting”. Increasing the Memory Limit will solve it.

There are numerous solutions for it, but for this article lets just look at the simplest one of all. Open your wp-config.php which is located in the root WordPress directory.

Look for the following line: $table_prefix = 'wp_';

imediatly after that line add the following line:
define('WP_MEMORY_LIMIT', '64M');

(or higher value if required)

If you still get the error after this fix, you may have to contact your host and ask them to increase your memory limit.
This is not a complete fix since your blog will be using more resources than it should which if you have a lot of traffic may become a major problem and could get your hosting account suspended so it is best to resolve this issue properly. The memory problem is most commonly caused by a plugin so you might want to remove the last plugin that you installed by deleting the plugins folder from your wordpress /plugins directory or moving it temporarily outside of the plugin directory.

Next go back and change the memory limit back to 32 by commenting out the line you entered into your wp-config.php and then see if things work, if they do then it definately is that particular plugin giving you the memory issue. Best not to use it but also best to contact the plugin creator and let them know of the issue so they can work on it.

Depending on your needs, server condition, plugins installed, and size of your site, you could use 32M, 96M, 128M, 256M, 512M, 1024M, 2048M, 4096M.
Make sure your server allows you to use that much dedicated memory, if your unsure contact your host and ask.

If you have access to your PHP.ini file, change the line in PHP.ini
If your line shows 32M try 64M:
memory_limit = 64M ; Maximum amount of memory a script may consume (64MB)

If you don’t have access to PHP.ini try adding this to an .htaccess file:
php_value memory_limit 64M

If all else fails contact your webhost support or the person managing your server.

 

6. Rename plugin dir

To check if there is an error with any individual plugin, rename your /plugins/ folder and create a new empty one.
Now access your wp-admin. If the wp-admin show up, then it is definatly a plugin error. Now it’s your job to find out which plugin is causing the issue.
You can move your plugins back into the new plugin folder one at a time . Make sure its active and then check your site.

 
7. Check all the plugins

To check all the plugins, use cpanel to move all plugins into a temp directory.
(I usually just rename the plugin directory from plugins to plugins_OFF then create a new folder called plugins)
Now put them back one by one into the empty plugins folder, and check wp-admin each time until the blank page error comes back.
When it does you will know "that is the offending plugin"
Get rid of it, if you think you need it then contact the plugin creator for support.

So like i said please don’t panic, check all your installation, plugins and themes folder.
If it is still not working, contact your hosting support and ask them to help you.

Cannot Upgrade Plugins

If your having trouble Upgrading a Plugin and in particular getting an error when you run the automatic update feature for plugins and themes that says something like: could not create directory. /public_html
Try deleting the upgrade directory found within wp-content/upgrade and then recreate it manualy.
Also chmod wp-content/upgrade to 777 and see if that fixes the problem.

I have had to do this on several wordpress 3.0 sites, not sure why it happens but this has fixed the issue for me.

How to Fixing WordPress has_cap error notices | has_cap error,wordpress

 

http://blog.gameznet.biz/wp-content/uploads/error_button39.png

 How to Fix the common has_cap error notices in your WordPress site

A  common error that is popping up a lot with later versions of wordpress looks something like this:

Notice: has_cap was called with an argument that is deprecated since version 2.0! Usage of user levels by plugins and themes is deprecated. Use roles and capabilities instead. in /home/xxxx/public_html/wp-includes/functions.php on line xxxx

this can usually be traced back to a plugin and  the error may only show when debug mode is turned on in your wp-config.php file

Often the recommended fix is to simply get rid of these errors by turning off debug mode but that does not fix anything, it just stops the error from being displayed on the site.

I prefer to leave debug mode on and actually correct any errors.

These kinds of errors seem to result as an incompatibility problem with some functions like "get_options" that are no longer  working correctly with wordpress 3.0. and above.
Perhaps the functions work ok but the parameters are no longer correct.

 

To find the solution we need to disable plugins one by one, until you find the one that is causing the warning. Then, find a call like "add_submenu_page" or "add_options_page" or similar, that is using a numeric user level instead of a capability name. Substitute the numeric user level with a compatible capability or user role and the warning should vanish.

Here is an example using WP v.3.2.1 and Audio-Player v.2.0.4.1 plugin which was giving this error:

To fix this problem you need to edit the plugin file, you can do this via cpanel by navigating to the file and using the cpanel file editor, or download the file and edit it in a text editor such as notepad or edit it directly from within wordpress which I find the quickest method.

go to line 176 of audio-player.php (/wp-content/plugins/audio-player/audio-player.php)

of course other plugins will require some searching to find the correct line but you will be looking for a similar line which starts with
"add_options_page" or add_submenu_page"  The line will look something like this: $pageName = add_options_page  

Moving on with the example...

Once you have the file open in your chosen editing method:
$pageName = add_options_page("Audio player options", "Audio Player", 8, $this->optionsPageName, array(&$this, "outputOptionsSubpanel"));

Change the 8 (a numeric user level) to 'activate_plugins' (single quotes included), so that the line looks like this:
$pageName = add_options_page("Audio player options", "Audio Player", 'activate_plugins', $this->optionsPageName, array(&$this, "outputOptionsSubpanel"));

 

so for a different plugin simply do a search for "add_options_page" and loog for a number value being used (8 in the above example)
change 8 to "activate_plugins"
..  save and hopefully your error has gone.

This is only one particular fix for the above specific plugin which was using the number "8" instead of "activate_plugins"  in relation to  add_options_page

------------------------------------------------------------------------------------------------------

Troubleshooting Other Plugins

The main issue seems to be a problem with defining roles and capabilities within WordPress.

When we register a new user we can define their roles (Admin, Super Admin, Editor, Contributor, Subscriber).
Each of these roles has different skills (reading a page / post, edit a page / post, add a page / post, etc)
To learn more about the roles and capabilities provided useful wordpress codex: http://codex.wordpress.org/Function_Reference/add_menu_page

If we have a plugin or template that generates a new menu in our back end functions such as safely used add_theme_page, add_menu_page, add_submenu_page, add_options_page etc

Consider the statement of one of these functions
<? Php add_menu_page ($ page_title, $ menu_title, $ capability, $ menu_slug, $ function, $ icon_url, $ position);?>

The third parameter, $capability, accepts as a value that defines the different capabilities of WordPress. This menu gives access to only users (roles) that have that capability.

The error in question is generated because we do not pass a value of type capacity, we offer a value of type User Level, the old system to limit user roles.

IMPORTANT: The user levels ceased to be used in WordPress 2.0 and in WordPress 3.0 they were completely eliminated.
If a plugin developer has not updated their plugin then you will get these errors.
Read more here: http://codex.wordpress.org/User_Levels

In case you do not understand much I'm posting a link which helped me to understand that this was the problem: fix-notice-has_cap-was-called-with-an-argument-that-is- deprecated-since-version-2-0-in-wordpress /

Using any numeric setting for the capability setting will cause the infamous error notice.

So for example, using 10 versus 'manage_options' will cause this same kind of error notice.

when troubleshooting your plugins use the table at the bottom of http://codex.wordpress.org/Roles_and_Capabilities#User_Level_to_Role_Conversion to figure out the right string value.

If you have shell access you can also run this command on your plugins directory to find all of the plugins suffering from the same condition:  

(change number values as required eg you may need to enter number 10 instead of 0-9 )

grep -HnR "add_[a-zA-Z].*_page.*, [0-9]*," ./

 I ran that command over my plugins directory and found 14 plugins using the old numeric role identifier :-/ .

I have come across this error in many plugins. Often reporting the error to the plugin developer will help them become aware of the issue and it is relatively easy for them to address it and bring their plugin up-to-date. otherwise you can fix it within your plugins yourself however do be aware that if the plugin later gets updated by the developer within the wordpress repository without the correct fix for this issue being applied and you then run the automatic plugin update then your fix will get overwritten and the error will return so it is always best to notify the plugin developer and get them to  fix their plugin at the source. You can always fix it yourself and then provide the developer with the information about how you corrected the problem manually on your own site and most developers will more than likely be grateful for you taking the time to notify them and make their job easier by even giving them a fix.  To do this you can visit the plugins page in the wordpress repository and visit the developers support  forum or send them an email.

 

What is Blog Curation

sensitive noise / obvious 2

The Question about what is Blog Curation can be easily answered by watching a master content curator at work.

 [youtube_1_simple_video refresh="never" keyword="Page One Curator Demo"]

Page 1 Curator

 

What is Blog Curation?

Problem: Getting rankings and traffic is the challenge of any one trying to sell online.  Almost all SEO relies on spammy techniques and strategies to get links and rankings.  Given the recent spate of Google de-indexing / Panda 3.2 / Penguin – there is huge pent up demand for for a new solution that is white hat and designed to last for the long term.

Solution: Instead of gaming Google – this plays by its own rules to get huge rankings for competitive words.  This method and software enables you to curate multiple blogs remotely and create whole empire of cash and traffic generating websites for passive income or to sell to investors.

Market: Curation is exploding as a technique to create authority sites for bloggers, SEO experts, niche and authority site builders and in fact anyone making money online.

Look at these:  

Drudge Report: $30 million per year.

Perez hilton… – worth 32 million

Huffington post – bought by AOL for $315

What do they have in common? .. none of their own content.. it was all curated.

 Page 1 Curator

The Products

Page 1 Curator

The App: The software on the front end is a desktop app written in AIR.  This app will search over relevant content sources based on your keyword, allowing you to CURATE a post that has text, video and images – together with the relevant backlinks that ensure the Google love.

The Course: Curation Masterclass – This is a comprehensive course on curation that caters for advanced curators and newbies.  It covers all strategies to enable an individual to create their curated blog empire.

Curation Mastermind Coaching; 1 to 1 Skype coaching on curation.

The WordPress Plugins:

SyndicatorPRO - this sits on the actual blogs themselves and automatically performs the manual tasks of social and web 2.0 bookmarking – so essential in todays post panda world.

PageOne LeadMagnet:  The optin plugin essential to capturing options on curated blogs.

The Forum: Already in use – this is where the action happens and where members can share their experiences.

Page 1 Curator

 

Success Bomb is Here

Well its Finnaly OPEN for Enrolment

You can get the hottest coaching available TODAY!

Just visit the following URL and stop waisting your time with all the crap around online promising you riches. True and Proper Online Success Coaching is just a click away and this time its for real!

Go NOW as Spaces are limited!

http://successbomb.com

Following the awesome success of the free tutorial video series of GoogleBomb and NicheBomb comes the real nitty gritty stuff. You can get this today if your lucky as spots are limited so Dont Dilly Dally and go go go NOW!!!

I'm in are you?

http://successbomb.com

Related Blogs