├── README.md ├── full.html ├── minimal.html └── standard.html /README.md: -------------------------------------------------------------------------------- 1 | # Social media metatags templates 2 | 3 | Social media metatags allows you to add social information to your website or contents. 4 | 5 | When you are sharing an url to social networks, they will find the social information which you defined between head tags. It's with this feature that you can show a custom image when you share something on Facebook for instance. 6 | 7 | In order to easily handle this routine on every project, we gather all the right metatags on this repository. 8 | 9 | ### Basics 10 | ``` 11 | Page Title. Maximum length 60-70 characters 12 | 13 | ``` 14 | 15 | ### Facebook 16 | ``` 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | ``` 25 | 26 | ### Twitter 27 | ``` 28 | 29 | 30 | 31 | 32 | 33 | 34 | ``` 35 | 36 | ### Google + / Pinterest 37 | ``` 38 | 39 | 40 | 41 | 42 | ``` 43 | 44 | ### Google authorship 45 | ``` 46 | 47 | 48 | ``` 49 | 50 | #How to test your metadatas 51 | 52 | Each platform has his own tool to debug your metadatas 53 | 54 | ### Facebook Debugger 55 | 56 | https://developers.facebook.com/tools/debug 57 | 58 | ### Twitter validation tool 59 | 60 | https://cards-dev.twitter.com/validator 61 | 62 | ### Google Structured Data Testing Tool 63 | 64 | http://www.google.com/webmasters/tools/richsnippets 65 | 66 | ### Pinterest Rich Pins Validator 67 | 68 | http://developers.pinterest.com/rich_pins/validator/ 69 | 70 | 71 | [![Bitdeli Badge](https://d2weczhvl823v0.cloudfront.net/HackerLoop/metatags-101/trend.png)](https://bitdeli.com/free "Bitdeli Badge") 72 | -------------------------------------------------------------------------------- /full.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Page Title. Maximum length 60-70 characters 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /minimal.html: -------------------------------------------------------------------------------- 1 | 2 | Page Title. Maximum length 60-70 characters 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /standard.html: -------------------------------------------------------------------------------- 1 | 2 | Page Title. Maximum length 60-70 characters 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | --------------------------------------------------------------------------------