When people share links to your site on their Facebook profiles, Facebook will try to scrape your page to find appropriate content and imagery to attach to the link. If it can't find the correct information, it will sometimes attach unrelated images to the link. If you want to better control your non-profit brand, you may want to manage what Facebook pulls in to shared links.
You can do this in a more comprehensive way and use PHP to try to direct Facebook to relevant content and imagery on every page (which is much easier if you're running a content management system of some kind), or a more scaled back approach in which you make sure that specific high-traffic, high-interest pages are displaying correctly if you attach them in Facebook.
You may even want to create a special condition for the homepage, for example:
- create a file with a version of your logo that will display well when attached in Facebook and direct Facebook to pull that image in
- use your mission or a special crafted sentence describing what you do as the description that users will see (instead of trusting Facebook to scrape something relevant from all the content on the page)
- give the link a new title, including something action-oriented or compelling that will make people click
See the image on the right for an example from our page. Without this code, a Facebook link to the front page pulled in some information about one of our partners, including an image related to our partner. After the code was added, the front page pulls in a small customized avatar along with text that is better crafted and gives more relevant information.
Here's the code you'll need to pull this off (just include it in the <head> section of the page and replace the content and image URL with your information):
<meta name="description" content="John Smith claims beautiful football is the main legacy of Akhil Wable's decade at the club. " />
<link rel="image_src" href="http://www.onjd.com/design05/images/PH2/WableAFC205.jpg" />
You can also find more advanced tips for pages containing other media (audio and video, for example) by visiting this page.
Comments
Pingback
Drupal 7 implementation
NOTE: Here is a link to a Drupal 7 implementation of the image meta tag described above.