Fwd: Images used on Python.org website, and Facebook
Begin forwarded message:
From: mike white <mikejbw@gmail.com> Subject: Images used on Python.org website, and Facebook Date: 20 February 2013 20:55:13 GMT To: webmaster@python.org
Hi, I placed a link to python.org on a Facebook page expecting the thumbnail to show the usual double-python. However, it instead shows part of the 'non English resources' image instead.
Could someone perhaps tweak the website code so your familiar logo is shown when linked from Facebook - I think you use the FB Linter tool to check.
Regards, Mike Whittaker
-- http://www.voidspace.org.uk/ May you do good and not evil May you find forgiveness for yourself and forgive others May you share freely, never taking more than you give. -- the sqlite blessing http://www.sqlite.org/different.html
Hi, I placed a link to python.org on a Facebook page expecting the thumbnail to show the usual double-python. However, it instead shows part of the 'non English resources' image instead.
Could someone perhaps tweak the website code so your familiar logo is shown when linked from Facebook - I think you use the FB Linter tool to check.
Indeed, I can reproduce this. It shows the image from the box "AFNIC.fr uses Python..." and nothing else. No way to choose another image. -- Ralf Hildebrandt Charite Universitätsmedizin Berlin ralf.hildebrandt@charite.de Campus Benjamin Franklin http://www.charite.de Hindenburgdamm 30, 12203 Berlin Geschäftsbereich IT, Abt. Netzwerk fon: +49-30-450.570.155
On 23.02.2013 17:33, Ralf Hildebrandt wrote:
Hi, I placed a link to python.org on a Facebook page expecting the thumbnail to show the usual double-python. However, it instead shows part of the 'non English resources' image instead.
Could someone perhaps tweak the website code so your familiar logo is shown when linked from Facebook - I think you use the FB Linter tool to check.
Indeed, I can reproduce this. It shows the image from the box "AFNIC.fr uses Python..." and nothing else. No way to choose another image.
Does someone know which aspects to tweak in order to change this ? I can make the change to the existing site, but need to know what to change :-) -- Marc-Andre Lemburg eGenix.com Professional Python Services directly from the Source (#1, Feb 25 2013)
Python Projects, Consulting and Support ... http://www.egenix.com/ mxODBC.Zope/Plone.Database.Adapter ... http://zope.egenix.com/ mxODBC, mxDateTime, mxTextTools ... http://python.egenix.com/
::::: Try our mxODBC.Connect Python Database Interface for free ! :::::: eGenix.com Software, Skills and Services GmbH Pastor-Loeh-Str.48 D-40764 Langenfeld, Germany. CEO Dipl.-Math. Marc-Andre Lemburg Registered at Amtsgericht Duesseldorf: HRB 46611 http://www.egenix.com/company/contact/
Le 25/02/2013 08:38, M.-A. Lemburg a écrit :
Does someone know which aspects to tweak in order to change this ?
You’d need to add special markup to your page to define the title, description and image to be shown on Facebook. It’s part of what they call OpenGraph; it’s comparable to RDFa, Microformats or schema.org, but specific to Facebook, so adding such markup may be interpreted as endorsement. http://mikeeverhart.net/facebook/use-ogp-tags-to-change-images-when-sharing-... Cheers
On Mon, Feb 25, 2013 at 9:46 AM, Éric Araujo <merwok@netwok.org> wrote:
Le 25/02/2013 08:38, M.-A. Lemburg a écrit :
Does someone know which aspects to tweak in order to change this ?
You’d need to add special markup to your page to define the title, description and image to be shown on Facebook. It’s part of what they call OpenGraph; it’s comparable to RDFa, Microformats or schema.org, but specific to Facebook, so adding such markup may be interpreted as endorsement.
http://mikeeverhart.net/facebook/use-ogp-tags-to-change-images-when-sharing-...
Whoever wants this implemented should provide something like this: <head> ... <!-- Required OGP Tags --> <meta property="og:title" content="Mike Everhart - Web Designer. Programmer. Geek." /> <meta property="og:type" content="website" /> <meta property="og:url" content="http://mikeeverhart.net/" /> <meta property="og:image" content="http://mikeeverhart.net/mike-everhart-facebook.png" /> ... </head> -- Carl K
On 25.02.2013 16:59, Carl Karsten wrote:
On Mon, Feb 25, 2013 at 9:46 AM, Éric Araujo <merwok@netwok.org> wrote:
Le 25/02/2013 08:38, M.-A. Lemburg a écrit :
Does someone know which aspects to tweak in order to change this ?
You’d need to add special markup to your page to define the title, description and image to be shown on Facebook. It’s part of what they call OpenGraph; it’s comparable to RDFa, Microformats or schema.org, but specific to Facebook, so adding such markup may be interpreted as endorsement.
http://mikeeverhart.net/facebook/use-ogp-tags-to-change-images-when-sharing-...
Whoever wants this implemented should provide something like this:
<head> ... <!-- Required OGP Tags --> <meta property="og:title" content="Mike Everhart - Web Designer. Programmer. Geek." /> <meta property="og:type" content="website" /> <meta property="og:url" content="http://mikeeverhart.net/" /> <meta property="og:image" content="http://mikeeverhart.net/mike-everhart-facebook.png" /> ... </head>
I just tested the image selection on Facebook. While I also see the success story as first image, the second image is the Python logo. The format of the logo image doesn't really fit the Facebook or Google+, so perhaps adding an image which can be used for these is not a bad idea. Does Google+ have a similar standard for defining such images ? We could then add both to not endorse a specific social network. -- Marc-Andre Lemburg eGenix.com Professional Python Services directly from the Source (#1, Feb 25 2013)
Python Projects, Consulting and Support ... http://www.egenix.com/ mxODBC.Zope/Plone.Database.Adapter ... http://zope.egenix.com/ mxODBC, mxDateTime, mxTextTools ... http://python.egenix.com/
::::: Try our mxODBC.Connect Python Database Interface for free ! :::::: eGenix.com Software, Skills and Services GmbH Pastor-Loeh-Str.48 D-40764 Langenfeld, Germany. CEO Dipl.-Math. Marc-Andre Lemburg Registered at Amtsgericht Duesseldorf: HRB 46611 http://www.egenix.com/company/contact/
On Mon, Feb 25, 2013 at 7:17 PM, M.-A. Lemburg <mal@egenix.com> wrote:
On 25.02.2013 16:59, Carl Karsten wrote:
On Mon, Feb 25, 2013 at 9:46 AM, Éric Araujo <merwok@netwok.org> wrote:
Le 25/02/2013 08:38, M.-A. Lemburg a écrit :
Does someone know which aspects to tweak in order to change this ?
You’d need to add special markup to your page to define the title, description and image to be shown on Facebook. It’s part of what they call OpenGraph; it’s comparable to RDFa, Microformats or schema.org, but specific to Facebook, so adding such markup may be interpreted as endorsement.
http://mikeeverhart.net/facebook/use-ogp-tags-to-change-images-when-sharing-...
Whoever wants this implemented should provide something like this:
<head> ... <!-- Required OGP Tags --> <meta property="og:title" content="Mike Everhart - Web Designer. Programmer. Geek." /> <meta property="og:type" content="website" /> <meta property="og:url" content="http://mikeeverhart.net/" /> <meta property="og:image" content="http://mikeeverhart.net/mike-everhart-facebook.png" /> ... </head>
I just tested the image selection on Facebook. While I also see the success story as first image, the second image is the Python logo. The format of the logo image doesn't really fit the Facebook or Google+, so perhaps adding an image which can be used for these is not a bad idea.
Does Google+ have a similar standard for defining such images ?
We could then add both to not endorse a specific social network.
http://support.google.com/webmasters/bin/answer.py?hl=en&answer=176035 http://schema.org/Thing or http://schema.org/SoftwareApplication http://www.google.com/webmasters/tools/richsnippets?url=www.python.org&html= -- anatoly t.
On Tue, Feb 26, 2013 at 11:12 AM, anatoly techtonik <techtonik@gmail.com>wrote:
On Mon, Feb 25, 2013 at 7:17 PM, M.-A. Lemburg <mal@egenix.com> wrote:
On 25.02.2013 16:59, Carl Karsten wrote:
On Mon, Feb 25, 2013 at 9:46 AM, Éric Araujo <merwok@netwok.org> wrote:
Le 25/02/2013 08:38, M.-A. Lemburg a écrit :
Does someone know which aspects to tweak in order to change this ?
You’d need to add special markup to your page to define the title, description and image to be shown on Facebook. It’s part of what they call OpenGraph; it’s comparable to RDFa, Microformats or schema.org, but specific to Facebook, so adding such markup may be interpreted as endorsement.
http://mikeeverhart.net/facebook/use-ogp-tags-to-change-images-when-sharing-...
Whoever wants this implemented should provide something like this:
<head> ... <!-- Required OGP Tags --> <meta property="og:title" content="Mike Everhart - Web Designer. Programmer. Geek." /> <meta property="og:type" content="website" /> <meta property="og:url" content="http://mikeeverhart.net/" /> <meta property="og:image" content="http://mikeeverhart.net/mike-everhart-facebook.png" /> ... </head>
I just tested the image selection on Facebook. While I also see the success story as first image, the second image is the Python logo. The format of the logo image doesn't really fit the Facebook or Google+, so perhaps adding an image which can be used for these is not a bad idea.
Does Google+ have a similar standard for defining such images ?
We could then add both to not endorse a specific social network.
http://support.google.com/webmasters/bin/answer.py?hl=en&answer=176035 http://schema.org/Thing or http://schema.org/SoftwareApplication
http://www.google.com/webmasters/tools/richsnippets?url=www.python.org&html=
https://developers.google.com/+/plugins/snippet/ -- anatoly t.
On Tue, Feb 26, 2013 at 11:29 AM, anatoly techtonik <techtonik@gmail.com>wrote:
On Tue, Feb 26, 2013 at 11:12 AM, anatoly techtonik <techtonik@gmail.com>wrote:
On Mon, Feb 25, 2013 at 7:17 PM, M.-A. Lemburg <mal@egenix.com> wrote:
On 25.02.2013 16:59, Carl Karsten wrote:
On Mon, Feb 25, 2013 at 9:46 AM, Éric Araujo <merwok@netwok.org> wrote:
Le 25/02/2013 08:38, M.-A. Lemburg a écrit :
Does someone know which aspects to tweak in order to change this ?
You’d need to add special markup to your page to define the title, description and image to be shown on Facebook. It’s part of what they call OpenGraph; it’s comparable to RDFa, Microformats or schema.org, but specific to Facebook, so adding such markup may be interpreted as endorsement.
http://mikeeverhart.net/facebook/use-ogp-tags-to-change-images-when-sharing-...
Whoever wants this implemented should provide something like this:
<head> ... <!-- Required OGP Tags --> <meta property="og:title" content="Mike Everhart - Web Designer. Programmer. Geek." /> <meta property="og:type" content="website" /> <meta property="og:url" content="http://mikeeverhart.net/" /> <meta property="og:image" content="http://mikeeverhart.net/mike-everhart-facebook.png" /> ... </head>
I just tested the image selection on Facebook. While I also see the success story as first image, the second image is the Python logo. The format of the logo image doesn't really fit the Facebook or Google+, so perhaps adding an image which can be used for these is not a bad idea.
Does Google+ have a similar standard for defining such images ?
We could then add both to not endorse a specific social network.
http://support.google.com/webmasters/bin/answer.py?hl=en&answer=176035 http://schema.org/Thing or http://schema.org/SoftwareApplication
http://www.google.com/webmasters/tools/richsnippets?url=www.python.org&html=
To be more specific: <!-- Update your html tag to include the itemscope and itemtype attributes. --> <html itemscope itemtype="http://schema.org/LocalBusiness"> <!-- Add the following three tags inside head. --> <meta itemprop="name" content="Python Programming Language"> <meta itemprop="description" content="Home page for Python, an interpreted, interactive, extensive programming language. It provides an extraordinary combination of clarity and versatility, and is open source and comprehensively ported."> <meta itemprop="image" content="http://www.python.org/images/python-logo.gif ">
On 26.02.2013 09:33, anatoly techtonik wrote:
On Tue, Feb 26, 2013 at 11:29 AM, anatoly techtonik <techtonik@gmail.com>wrote:
On Tue, Feb 26, 2013 at 11:12 AM, anatoly techtonik <techtonik@gmail.com>wrote:
On Mon, Feb 25, 2013 at 7:17 PM, M.-A. Lemburg <mal@egenix.com> wrote:
On 25.02.2013 16:59, Carl Karsten wrote:
On Mon, Feb 25, 2013 at 9:46 AM, Éric Araujo <merwok@netwok.org> wrote:
Le 25/02/2013 08:38, M.-A. Lemburg a écrit : > Does someone know which aspects to tweak in order to change this ?
You’d need to add special markup to your page to define the title, description and image to be shown on Facebook. It’s part of what they call OpenGraph; it’s comparable to RDFa, Microformats or schema.org, but specific to Facebook, so adding such markup may be interpreted as endorsement.
http://mikeeverhart.net/facebook/use-ogp-tags-to-change-images-when-sharing-...
Whoever wants this implemented should provide something like this:
<head> ... <!-- Required OGP Tags --> <meta property="og:title" content="Mike Everhart - Web Designer. Programmer. Geek." /> <meta property="og:type" content="website" /> <meta property="og:url" content="http://mikeeverhart.net/" /> <meta property="og:image" content="http://mikeeverhart.net/mike-everhart-facebook.png" /> ... </head>
I just tested the image selection on Facebook. While I also see the success story as first image, the second image is the Python logo. The format of the logo image doesn't really fit the Facebook or Google+, so perhaps adding an image which can be used for these is not a bad idea.
Does Google+ have a similar standard for defining such images ?
We could then add both to not endorse a specific social network.
http://support.google.com/webmasters/bin/answer.py?hl=en&answer=176035 http://schema.org/Thing or http://schema.org/SoftwareApplication
http://www.google.com/webmasters/tools/richsnippets?url=www.python.org&html=
To be more specific:
<!-- Update your html tag to include the itemscope and itemtype attributes. --> <html itemscope itemtype="http://schema.org/LocalBusiness">
<!-- Add the following three tags inside head. --> <meta itemprop="name" content="Python Programming Language"> <meta itemprop="description" content="Home page for Python, an interpreted, interactive, extensive programming language. It provides an extraordinary combination of clarity and versatility, and is open source and comprehensively ported."> <meta itemprop="image" content="http://www.python.org/images/python-logo.gif ">
Thanks for the pointers. Looks like supporting both Open Graph and schema.org would do the trick for Facebook, Google+, MS and Yahoo. http://support.google.com/webmasters/bin/answer.py?hl=en&answer=1211158 We'd probably have to use http://schema.org/Organization as itemtype. I'm not sure about adding the itemscope to the <html> tag, though... I found the docs for the use in meta tags: http://schema.org/docs/gs.html#advanced_missing but no mention of using <html> as itemscope. https://developers.google.com/+/plugins/snippet/ suggests to use the <body> tag. Since the meta tags would go into the header, perhaps using the <head> tag would be more appropriate. Is there some best practice for this documented somewhere ? -- Marc-Andre Lemburg eGenix.com Professional Python Services directly from the Source (#1, Feb 26 2013)
Python Projects, Consulting and Support ... http://www.egenix.com/ mxODBC.Zope/Plone.Database.Adapter ... http://zope.egenix.com/ mxODBC, mxDateTime, mxTextTools ... http://python.egenix.com/
::::: Try our mxODBC.Connect Python Database Interface for free ! :::::: eGenix.com Software, Skills and Services GmbH Pastor-Loeh-Str.48 D-40764 Langenfeld, Germany. CEO Dipl.-Math. Marc-Andre Lemburg Registered at Amtsgericht Duesseldorf: HRB 46611 http://www.egenix.com/company/contact/
On Tue, Feb 26, 2013 at 1:02 PM, M.-A. Lemburg <mal@egenix.com> wrote:
On Tue, Feb 26, 2013 at 11:29 AM, anatoly techtonik <techtonik@gmail.com wrote:
On Tue, Feb 26, 2013 at 11:12 AM, anatoly techtonik < techtonik@gmail.com>wrote:
On Mon, Feb 25, 2013 at 7:17 PM, M.-A. Lemburg <mal@egenix.com> wrote:
On 25.02.2013 16:59, Carl Karsten wrote:
On Mon, Feb 25, 2013 at 9:46 AM, Éric Araujo <merwok@netwok.org> wrote: > Le 25/02/2013 08:38, M.-A. Lemburg a écrit : >> Does someone know which aspects to tweak in order to change this ? > > You’d need to add special markup to your page to define the title, > description and image to be shown on Facebook. It’s part of what
On 26.02.2013 09:33, anatoly techtonik wrote: they
> call OpenGraph; it’s comparable to RDFa, Microformats or schema.org , but > specific to Facebook, so adding such markup may be interpreted as > endorsement. > >
http://mikeeverhart.net/facebook/use-ogp-tags-to-change-images-when-sharing-...
>
Whoever wants this implemented should provide something like this:
<head> ... <!-- Required OGP Tags --> <meta property="og:title" content="Mike Everhart - Web Designer. Programmer. Geek." /> <meta property="og:type" content="website" /> <meta property="og:url" content="http://mikeeverhart.net/" /> <meta property="og:image" content="http://mikeeverhart.net/mike-everhart-facebook.png" /> ... </head>
I just tested the image selection on Facebook. While I also see the success story as first image, the second image is the Python logo. The format of the logo image doesn't really fit the Facebook or Google+, so perhaps adding an image which can be used for these is not a bad idea.
Does Google+ have a similar standard for defining such images ?
We could then add both to not endorse a specific social network.
http://support.google.com/webmasters/bin/answer.py?hl=en&answer=176035 http://schema.org/Thing or http://schema.org/SoftwareApplication
http://www.google.com/webmasters/tools/richsnippets?url=www.python.org&html=
To be more specific:
<!-- Update your html tag to include the itemscope and itemtype attributes. --> <html itemscope itemtype="http://schema.org/LocalBusiness">
<!-- Add the following three tags inside head. --> <meta itemprop="name" content="Python Programming Language"> <meta itemprop="description" content="Home page for Python, an interpreted, interactive, extensive programming language. It provides an extraordinary combination of clarity and versatility, and is open source and comprehensively ported."> <meta itemprop="image" content=" http://www.python.org/images/python-logo.gif ">
Thanks for the pointers.
Looks like supporting both Open Graph and schema.org would do the trick for Facebook, Google+, MS and Yahoo.
http://support.google.com/webmasters/bin/answer.py?hl=en&answer=1211158
We'd probably have to use http://schema.org/Organization as itemtype.
I'd try http://shema.org/Thing if it works, because www.python.org is a community developed language. IMHO it should work. LocalBusiness is what snippet generator gave me.
I'm not sure about adding the itemscope to the <html> tag, though...
I found the docs for the use in meta tags: http://schema.org/docs/gs.html#advanced_missing but no mention of using <html> as itemscope. https://developers.google.com/+/plugins/snippet/ suggests to use the <body> tag.
Since the meta tags would go into the header, perhaps using the <head> tag would be more appropriate.
Is there some best practice for this documented somewhere ?
I'd say feel free to insert as you wish - that's the best practice. I believe that for blog platforms like blogger you can not add content to head different for every post. The same is true for the site with many different pages. In those cases it is better to insert the markup inside the body. For python.org the whole www.python.org is dedicated to one things, so I see no problem with adding this into head, body or html.
participants (6)
-
anatoly techtonik -
Carl Karsten -
M.-A. Lemburg -
Michael Foord -
Ralf Hildebrandt -
Éric Araujo