SlideShare uma empresa Scribd logo
1 de 27
Baixar para ler offline
Web Page Optimization for
 Facebook and Beyond
Or: How to Combine the Open Graph Protocol with GoodRelations in RDFa



               Prof. Dr. Martin Hepp
        E-Business and Web Science Research Group
               http://www.unibw.de/ebusiness/
Facebook Open Graph Protocol
•  Specification for
   additional HTML
   markup so that
                                         1
   Facebook user’s can                               2



   recommend your
   page and its content    I like this
                          Starbuck's

   to their peers.
                                               My Friends (Social Graph)
                              store!




                                             Peter                  Mary
                          Me                             Paul




06.05.2010                                                                 2
How Does It Work?
•  Add a few extra lines to the header of your
   Web page source code.



                               Page Source Code (HTML)




06.05.2010                                               3
Why Should I Care?
•  The embedded information will be used by
   Facebook to know the topic of the page, plus a
   few additional facts.
     –  “The page describes a café.”
     –  Geo positions of locations mentioned on the page.
•  So Facebook users can directly point their
   friends to stores, products, movies, etc., instead
   of just sharing links.


06.05.2010                                                  4
But…


06.05.2010          5
…when you take the time to touch
     your your Web page headers for
    Facebook‘s new feature, anyway, ...




06.05.2010                                6
…you should also insert 10 – 20
        lines of additional mark-up to the
            body of the page about ...




06.05.2010                                   7
Store Info   Products & Services   Price & Payment
… using GoodRelations in RDFa.




06.05.2010                              9
This will have
             at least three nice effects:




06.05.2010                                  10
#1

                    More powerful Facebook
                          applications
             (because they can extract & recombine this rich information)




06.05.2010                                                                  11
More Powerful Facebook Applications

                                         1
                                    Open Graph API
                                provides social aspect
                                 of recommendations.

                                                         Your Friend's Favorite Cafés
                                                         Starbucks, closes 10.30 p.m.
                                                         Miller's, closes 7.15 p.m.


                                2
              GoodRelations markup provides fine-
              grained data about available products,     Requirements
               services, payment options, opening
                                                         Accepts MasterCard           ON
                            hours, etc.
                                                         Wifi                          ON
                                                         Has Vegetarian Food          ON




06.05.2010                                                                                 12
#2

               Enhanced Rendering in Yahoo
             (because Yahoo honors and displays this rich information, if
                                   available)




06.05.2010                                                                  13
Yahoo Example




06.05.2010                   14
#3

                 Enhanced Ranking in Google
             (because Google rewards such rich mark-up as good content
                   with a higher rank in the organic search results)




06.05.2010                                                               15
Dream Team: Open Graph + GoodRelations
             Page Source Code (HTML)



                                        Basic info about your page

   Header: Facebook Open Graph Markup   Detailed info about your
                                        business, e.g.
                                        •  Products & services,
                                        •  Opening hours,
                                        •  Prices,
        Body: GoodRelations Markup
                                        •  Payment,
                                        •  Discounts,
                                        and a lot more!
06.05.2010                                                         16
GoodRelations Example: Camera




http://www.ebusiness-unibw.org/wiki/GoodRelationsQuickstart

06.05.2010                                             17
Is it difficult?




06.05.2010                      18
No.
     Simply copy-and-paste the GoodRelations HTML patterns into
             your page. The exact position does not matter.




             http://www.ebusiness-unibw.org/wiki/GoodRelationsQuickstart


06.05.2010                                                                 19
Will it make my page slow?




06.05.2010                                20
No.
      The additional markup will be just 10 – 20 lines, 1 – 3 KB per
             pages. You will not even notice the payload.




             http://www.ebusiness-unibw.org/wiki/GoodRelationsQuickstart


06.05.2010                                                                 21
Is it expensive?




06.05.2010                      22
No.
                           GoodRelations is free.
       It‘s available under a very liberal Creative Commons license.




             http://www.ebusiness-unibw.org/wiki/GoodRelationsQuickstart


06.05.2010                                                                 23
So when you update your Web
      templates to make them ready for
       Facebook’s Open Graph API,…




06.05.2010                               24
…make sure you also make them
        ready for GoodRelations.

              It will pay out. It’s simple.
             And BestBuy is already doing it with
                    remarkable results.



06.05.2010                                          25
Please Follow-up:




http://www.ebusiness-unibw.org/wiki/GoodRelationsQuickstart

              Twitter: mfhepp
              Skype: mfhepp
Prof. Dr. Martin Hepp
Chair of General Management and E-Business
    Universitaet der Bundeswehr Muenchen
         Werner-Heisenberg-Weg 39
          D-85579 Neubiberg, Germany
          Phone: +49 89 6004-4217
             Fax: +49 89 6004-4620
      http://www.unibw.de/ebusiness/

http://purl.org/goodrelations/
            mhepp@computer.org
                                             27

Mais conteúdo relacionado

Semelhante a Web Page Optimization for Facebook

10 steps to effective seo & great ranking's
10 steps to effective seo & great ranking's10 steps to effective seo & great ranking's
10 steps to effective seo & great ranking's
T Byh
 
Business Intelligence at BlackrockByEmmanuella Omeife, Oluwa
Business Intelligence at BlackrockByEmmanuella Omeife, OluwaBusiness Intelligence at BlackrockByEmmanuella Omeife, Oluwa
Business Intelligence at BlackrockByEmmanuella Omeife, Oluwa
TawnaDelatorrejs
 

Semelhante a Web Page Optimization for Facebook (20)

Hoke cheri project4
Hoke cheri project4Hoke cheri project4
Hoke cheri project4
 
Facebook Open Graph
Facebook Open GraphFacebook Open Graph
Facebook Open Graph
 
SharePoint 2010 Failed Deployments en English y Español. 10 Pasos Para una Im...
SharePoint 2010 Failed Deployments en English y Español. 10 Pasos Para una Im...SharePoint 2010 Failed Deployments en English y Español. 10 Pasos Para una Im...
SharePoint 2010 Failed Deployments en English y Español. 10 Pasos Para una Im...
 
10 steps to effective seo & great ranking's
10 steps to effective seo & great ranking's10 steps to effective seo & great ranking's
10 steps to effective seo & great ranking's
 
Link Building with Open Site Explorer
Link Building with Open Site ExplorerLink Building with Open Site Explorer
Link Building with Open Site Explorer
 
7 - Top ten tips for a SharePoint Succesfull Deployment, por Joel Oleson
7 - Top ten tips for a SharePoint Succesfull Deployment, por Joel Oleson7 - Top ten tips for a SharePoint Succesfull Deployment, por Joel Oleson
7 - Top ten tips for a SharePoint Succesfull Deployment, por Joel Oleson
 
SEO for E-commerce Websites
SEO for E-commerce WebsitesSEO for E-commerce Websites
SEO for E-commerce Websites
 
Oxford Communications Facebook Upgrades
Oxford Communications Facebook UpgradesOxford Communications Facebook Upgrades
Oxford Communications Facebook Upgrades
 
Like Change? Facebook Upgrades: 2011
Like Change? Facebook Upgrades: 2011Like Change? Facebook Upgrades: 2011
Like Change? Facebook Upgrades: 2011
 
Seo 2010 to 2020
Seo 2010 to 2020Seo 2010 to 2020
Seo 2010 to 2020
 
Keeping up with Google 2014
Keeping up with Google 2014Keeping up with Google 2014
Keeping up with Google 2014
 
A Report on Facebook Pages Upgrades February 2011
A Report on Facebook Pages Upgrades February 2011A Report on Facebook Pages Upgrades February 2011
A Report on Facebook Pages Upgrades February 2011
 
SharePoint 2013 Preview
SharePoint 2013 PreviewSharePoint 2013 Preview
SharePoint 2013 Preview
 
M Dot Extinction: The Next Evolution of Mobile Web
M Dot Extinction: The Next Evolution of Mobile WebM Dot Extinction: The Next Evolution of Mobile Web
M Dot Extinction: The Next Evolution of Mobile Web
 
Face Book For Business
Face Book For  BusinessFace Book For  Business
Face Book For Business
 
Business Intelligence at BlackrockByEmmanuella Omeife, Oluwa
Business Intelligence at BlackrockByEmmanuella Omeife, OluwaBusiness Intelligence at BlackrockByEmmanuella Omeife, Oluwa
Business Intelligence at BlackrockByEmmanuella Omeife, Oluwa
 
03.Facebook
03.Facebook03.Facebook
03.Facebook
 
National Guild of Hypnotists 2015 Newsletter 3
National Guild of Hypnotists 2015 Newsletter 3National Guild of Hypnotists 2015 Newsletter 3
National Guild of Hypnotists 2015 Newsletter 3
 
Web 1 2 3
Web 1 2 3Web 1 2 3
Web 1 2 3
 
Web 1 2 3
Web 1 2 3Web 1 2 3
Web 1 2 3
 

Mais de Martin Hepp

The Semantic Web – A Vision Come True, or Giving Up the Great Plan?
The Semantic Web – A Vision Come True, or Giving Up the Great Plan?The Semantic Web – A Vision Come True, or Giving Up the Great Plan?
The Semantic Web – A Vision Come True, or Giving Up the Great Plan?
Martin Hepp
 
Goodrelations semtech2010
Goodrelations semtech2010Goodrelations semtech2010
Goodrelations semtech2010
Martin Hepp
 
SEO, RDFa, and GoodRelations: An Implementation by a Major Online Retailer
SEO, RDFa, and GoodRelations: An Implementation by a Major Online RetailerSEO, RDFa, and GoodRelations: An Implementation by a Major Online Retailer
SEO, RDFa, and GoodRelations: An Implementation by a Major Online Retailer
Martin Hepp
 
SEO, RDFa, and GoodRelations - An Implementation by a Major Online Retailer
SEO, RDFa, and GoodRelations - An Implementation by a Major Online RetailerSEO, RDFa, and GoodRelations - An Implementation by a Major Online Retailer
SEO, RDFa, and GoodRelations - An Implementation by a Major Online Retailer
Martin Hepp
 

Mais de Martin Hepp (20)

Web Ontologies: Lessons Learned from Conceptual Modeling at Scale
Web Ontologies: Lessons Learned from Conceptual Modeling at ScaleWeb Ontologies: Lessons Learned from Conceptual Modeling at Scale
Web Ontologies: Lessons Learned from Conceptual Modeling at Scale
 
The Semantic Web – A Vision Come True, or Giving Up the Great Plan?
The Semantic Web – A Vision Come True, or Giving Up the Great Plan?The Semantic Web – A Vision Come True, or Giving Up the Great Plan?
The Semantic Web – A Vision Come True, or Giving Up the Great Plan?
 
Extending schema.org with GoodRelations and www.productontology.org
Extending schema.org with GoodRelations and www.productontology.orgExtending schema.org with GoodRelations and www.productontology.org
Extending schema.org with GoodRelations and www.productontology.org
 
Advertising with Linked Data in Web Content
Advertising with Linked Data in Web ContentAdvertising with Linked Data in Web Content
Advertising with Linked Data in Web Content
 
The Semantic Web and its Impact on International Websites
The Semantic Web and its Impact on International WebsitesThe Semantic Web and its Impact on International Websites
The Semantic Web and its Impact on International Websites
 
KRDB2010-GoodRelations
KRDB2010-GoodRelationsKRDB2010-GoodRelations
KRDB2010-GoodRelations
 
Goodrelations semtech2010
Goodrelations semtech2010Goodrelations semtech2010
Goodrelations semtech2010
 
SEO, RDFa, and GoodRelations: An Implementation by a Major Online Retailer
SEO, RDFa, and GoodRelations: An Implementation by a Major Online RetailerSEO, RDFa, and GoodRelations: An Implementation by a Major Online Retailer
SEO, RDFa, and GoodRelations: An Implementation by a Major Online Retailer
 
SEO, RDFa, and GoodRelations - An Implementation by a Major Online Retailer
SEO, RDFa, and GoodRelations - An Implementation by a Major Online RetailerSEO, RDFa, and GoodRelations - An Implementation by a Major Online Retailer
SEO, RDFa, and GoodRelations - An Implementation by a Major Online Retailer
 
Goodrelations Presentation from SemTech 2010
Goodrelations Presentation from SemTech 2010Goodrelations Presentation from SemTech 2010
Goodrelations Presentation from SemTech 2010
 
GoodRelations & RDFa for Deep Comparison Shopping on a Web Scale
GoodRelations & RDFa for Deep Comparison Shopping on a Web ScaleGoodRelations & RDFa for Deep Comparison Shopping on a Web Scale
GoodRelations & RDFa for Deep Comparison Shopping on a Web Scale
 
Web Site Visibility in the Giant Graph of Commerce Data
Web Site Visibility in the Giant Graph of Commerce DataWeb Site Visibility in the Giant Graph of Commerce Data
Web Site Visibility in the Giant Graph of Commerce Data
 
ISWC GoodRelations Tutorial Part 1
ISWC GoodRelations Tutorial Part 1ISWC GoodRelations Tutorial Part 1
ISWC GoodRelations Tutorial Part 1
 
ISWC GoodRelations Tutorial Part 3
ISWC GoodRelations Tutorial Part 3ISWC GoodRelations Tutorial Part 3
ISWC GoodRelations Tutorial Part 3
 
ISWC GoodRelations Tutorial Part 2
ISWC GoodRelations Tutorial Part 2ISWC GoodRelations Tutorial Part 2
ISWC GoodRelations Tutorial Part 2
 
ISWC GoodRelations Tutorial Part 4
ISWC GoodRelations Tutorial Part 4ISWC GoodRelations Tutorial Part 4
ISWC GoodRelations Tutorial Part 4
 
Web 3.0. für Spezialversender
Web 3.0. für Spezialversender Web 3.0. für Spezialversender
Web 3.0. für Spezialversender
 
eCl@ss im Web: Mehr Kunden und bessere Stammdaten für jeden eCl@ss-Anwender
eCl@ss im Web: Mehr Kunden und bessere Stammdaten für jeden eCl@ss-AnwendereCl@ss im Web: Mehr Kunden und bessere Stammdaten für jeden eCl@ss-Anwender
eCl@ss im Web: Mehr Kunden und bessere Stammdaten für jeden eCl@ss-Anwender
 
Product Variety, Consumer Preferences, and Web Technology: Can the Web of Dat...
Product Variety, Consumer Preferences, and Web Technology: Can the Web of Dat...Product Variety, Consumer Preferences, and Web Technology: Can the Web of Dat...
Product Variety, Consumer Preferences, and Web Technology: Can the Web of Dat...
 
Deep Comparison Shopping
Deep Comparison ShoppingDeep Comparison Shopping
Deep Comparison Shopping
 

Último

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Último (20)

Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUKSpring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 

Web Page Optimization for Facebook

  • 1. Web Page Optimization for Facebook and Beyond Or: How to Combine the Open Graph Protocol with GoodRelations in RDFa Prof. Dr. Martin Hepp E-Business and Web Science Research Group http://www.unibw.de/ebusiness/
  • 2. Facebook Open Graph Protocol •  Specification for additional HTML markup so that 1 Facebook user’s can 2 recommend your page and its content I like this Starbuck's to their peers. My Friends (Social Graph) store! Peter Mary Me Paul 06.05.2010 2
  • 3. How Does It Work? •  Add a few extra lines to the header of your Web page source code. Page Source Code (HTML) 06.05.2010 3
  • 4. Why Should I Care? •  The embedded information will be used by Facebook to know the topic of the page, plus a few additional facts. –  “The page describes a café.” –  Geo positions of locations mentioned on the page. •  So Facebook users can directly point their friends to stores, products, movies, etc., instead of just sharing links. 06.05.2010 4
  • 6. …when you take the time to touch your your Web page headers for Facebook‘s new feature, anyway, ... 06.05.2010 6
  • 7. …you should also insert 10 – 20 lines of additional mark-up to the body of the page about ... 06.05.2010 7
  • 8. Store Info Products & Services Price & Payment
  • 9. … using GoodRelations in RDFa. 06.05.2010 9
  • 10. This will have at least three nice effects: 06.05.2010 10
  • 11. #1 More powerful Facebook applications (because they can extract & recombine this rich information) 06.05.2010 11
  • 12. More Powerful Facebook Applications 1 Open Graph API provides social aspect of recommendations. Your Friend's Favorite Cafés Starbucks, closes 10.30 p.m. Miller's, closes 7.15 p.m. 2 GoodRelations markup provides fine- grained data about available products, Requirements services, payment options, opening Accepts MasterCard ON hours, etc. Wifi ON Has Vegetarian Food ON 06.05.2010 12
  • 13. #2 Enhanced Rendering in Yahoo (because Yahoo honors and displays this rich information, if available) 06.05.2010 13
  • 15. #3 Enhanced Ranking in Google (because Google rewards such rich mark-up as good content with a higher rank in the organic search results) 06.05.2010 15
  • 16. Dream Team: Open Graph + GoodRelations Page Source Code (HTML) Basic info about your page Header: Facebook Open Graph Markup Detailed info about your business, e.g. •  Products & services, •  Opening hours, •  Prices, Body: GoodRelations Markup •  Payment, •  Discounts, and a lot more! 06.05.2010 16
  • 19. No. Simply copy-and-paste the GoodRelations HTML patterns into your page. The exact position does not matter. http://www.ebusiness-unibw.org/wiki/GoodRelationsQuickstart 06.05.2010 19
  • 20. Will it make my page slow? 06.05.2010 20
  • 21. No. The additional markup will be just 10 – 20 lines, 1 – 3 KB per pages. You will not even notice the payload. http://www.ebusiness-unibw.org/wiki/GoodRelationsQuickstart 06.05.2010 21
  • 23. No. GoodRelations is free. It‘s available under a very liberal Creative Commons license. http://www.ebusiness-unibw.org/wiki/GoodRelationsQuickstart 06.05.2010 23
  • 24. So when you update your Web templates to make them ready for Facebook’s Open Graph API,… 06.05.2010 24
  • 25. …make sure you also make them ready for GoodRelations. It will pay out. It’s simple. And BestBuy is already doing it with remarkable results. 06.05.2010 25
  • 27. Prof. Dr. Martin Hepp Chair of General Management and E-Business Universitaet der Bundeswehr Muenchen Werner-Heisenberg-Weg 39 D-85579 Neubiberg, Germany Phone: +49 89 6004-4217 Fax: +49 89 6004-4620 http://www.unibw.de/ebusiness/ http://purl.org/goodrelations/ mhepp@computer.org 27