[pydotorg-www] Fwd: Images used on Python.org website, and Facebook

Tue Feb 26 11:31:41 CET 2013

On Tue, Feb 26, 2013 at 1:02 PM, M.-A. Lemburg <mal at egenix.com> wrote:

> On 26.02.2013 09:33, anatoly techtonik wrote:
> > On Tue, Feb 26, 2013 at 11:29 AM, anatoly techtonik <techtonik at gmail.com
> >wrote:
> >
> >> On Tue, Feb 26, 2013 at 11:12 AM, anatoly techtonik <
> techtonik at gmail.com>wrote:
> >>
> >>> On Mon, Feb 25, 2013 at 7:17 PM, M.-A. Lemburg <mal at egenix.com> wrote:
> >>>
> >>>> On 25.02.2013 16:59, Carl Karsten wrote:
> >>>>> On Mon, Feb 25, 2013 at 9:46 AM, Éric Araujo <merwok at 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-links-on-facebook/
> >>>>>>
> >>>>>
> >>>>> 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/
> >>
> >
> > 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.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://mail.python.org/pipermail/pydotorg-www/attachments/20130226/db01acec/attachment-0001.html>