Deliver search-friendly JavaScript-powered websites (Google I/O '18)

แชร์
ฝัง
  • เผยแพร่เมื่อ 16 ก.ย. 2024
  • Check out a new JavaScript SEO series → bit.ly/2UeQ8Do
    Making a site that is engaging for users but performs well in Google Search requires combining specific server and client side technologies. Learn about the best practices to build and deploy indexable sites and web-applications with JavaScript frameworks. Lessons from this session can be implemented with most modern setups, whether you use Angular, Polymer, React, or other frameworks to build a full-fledged PWA or just use them for parts of a site. The session will also discuss search-friendly design patterns and SEO best practices.
    Rate this session by signing-in on the I/O website here → events.google....
    Watch more Webmasters sessions from I/O '18 here → • Google Webmasters at G...
    See all the sessions from Google I/O '18 here → • Google I/O 2018 - All ...
    Subscribe to Google Search Central → goo.gle/Search...
    #io18 event: Google I/O 2018; re_ty: Publish; product: Search Console - General; fullname: Tom Greenaway, John Mueller; event: Google I/O 2018;

ความคิดเห็น • 31

  • @RichardLawNZ
    @RichardLawNZ 5 ปีที่แล้ว +17

    This presentation just begs the same question over and over: why not make Googlebot better? Shifting the burden onto all these web developers... or just improve Googlebot to handle modern practices? Oh, your indexing bot doesn't know how to read/index pages that a human can reason about? Sounds like your bot could be improved. It uses Chrome 41-why? etc.
    Don't get me wrong, I think web developers should do all they can to improve SEO (especially with JSON-LD structured data), but some of these limitations of Googlebot are just annoying.

  • @toudjidoummeurdejoel6327
    @toudjidoummeurdejoel6327 6 ปีที่แล้ว +1

    This technical aspect is really important for the following up of website building.Truly thanks.

  • @gustavobramao
    @gustavobramao 6 ปีที่แล้ว +1

    Interesting point about the complete dynamic rendering for search bots user-agent and not users!

  • @alberteinstein7231
    @alberteinstein7231 6 ปีที่แล้ว +1

    Very useful information, loving the transparency.

  • @TheMrWeemee
    @TheMrWeemee 6 ปีที่แล้ว +1

    You're missing a 'b' in a part of the info :)
    "Watch more >Wemasters< sessions from I/O '18 here"
    Just trying to help, keep being awesome and an inspiration! :)
    Awesome video

  • @denniseambrosecom
    @denniseambrosecom 6 ปีที่แล้ว +7

    Google, Please provide a link to the documentation regarding dynamic rendering and the official policy change.

    • @stokitko
      @stokitko 5 ปีที่แล้ว +1

      here you go webmasters.googleblog.com/2015/10/deprecating-our-ajax-crawling-scheme.html and current guide
      support.google.com/webmasters/answer/35769

  • @khrapin
    @khrapin 6 ปีที่แล้ว +7

    How to make sure that Google will not consider Dynamic Rendering as a Cloaking? Previously there was a recommendation to not checking for a google bot.

    • @itzsarim
      @itzsarim 6 ปีที่แล้ว +2

      He did mention that was the change in the policy they made. But i dont see any documentation on it.

    • @khrapin
      @khrapin 6 ปีที่แล้ว +1

      Right, but I did not found this details too

  • @RossBarefoot
    @RossBarefoot 6 ปีที่แล้ว +1

    Questions: You mention using the mobile friendly tool and the rich results testing tool as rendering test platforms, essentially. Why do this instead of using Fetch and Render in Search Console? In fact the first time I tried to use the rich results tool it told me that the page was not eligible for "rich results known by this test."

  • @isvladxxe
    @isvladxxe 6 ปีที่แล้ว +2

    Why Googlebot still can not update the version of Chrome ??? (

  • @DamianGarciaIT
    @DamianGarciaIT 6 ปีที่แล้ว +3

    On my website I use the fragment #! and it is perfect for the users, I show the content without refreshing the whole page. But now Google does not recommend this and my site has fallen in terms of indexed pages and therefore its positioning too.
    I do not understand why they do not take the content that comes after #!. Google always recommends focusing on users when the site is done, but this is no longer the case. Since in my case the site works perfect for users, they see the content, but now for Google this is insignificant and if now I have to change something from my code it is for Google to interpret it. Contradictory, no?
    Anyway in search engines like Bing or duckduckgo this does not happen, there if they crawl all the content of my web. They say to make use of the API History, which I was trying to do and I can not make it work for my case.
    So, do we focus on users or search engines?

  • @robderoy
    @robderoy 6 ปีที่แล้ว

    Great an helpfully information! Thanx Google!

  • @MinjunKim
    @MinjunKim 6 ปีที่แล้ว +5

    23:55 provides a solution of implementing server side rendering only for google bot. That might be a good solution, however, I thought that is considered as search engine cloaking (providing different result to users / bots), which will penalize your SEO... isn't it?

    • @popothebright
      @popothebright 6 ปีที่แล้ว +8

      It's also a ridiculous, unrealistic "solution" equivalent to "build us a special, second website that we can search, please". Ugh.

    • @denniseambrosecom
      @denniseambrosecom 6 ปีที่แล้ว

      Seems like a rehash (pun intended) of the ?_escaped_fragment_= protocol that has been deprecated.
      developers.google.com/webmasters/ajax-crawling/docs/specification
      So if you’re like me and already implemented that.. all you have to do is serve that content using agent detection instead of query detection.

    • @DamianGarciaIT
      @DamianGarciaIT 6 ปีที่แล้ว

      Hello, I also work that way on my website. How did you solve the fragment # !?

    • @denniseambrosecom
      @denniseambrosecom 6 ปีที่แล้ว +2

      I'm waiting for Dynamic Rendering to show up in Google's documentation. I hope they provide specific rules to do detection of UserAgents. Until then... I'm not going to risk a cloaking penalty!
      To answer your question... I use history pushstate with a if a snapshot exists. So I never actually use #! in my urls. www.magnatag.com

  • @JakeBohall
    @JakeBohall 6 ปีที่แล้ว

    Awesome info.. Thank you!

  • @NileshKantak
    @NileshKantak 6 ปีที่แล้ว

    Superb work, Thanks a lot. Keep it up. :)

  • @_iphoenix_6164
    @_iphoenix_6164 6 ปีที่แล้ว +1

    Thanks, Google!

  • @AndresBk
    @AndresBk 6 ปีที่แล้ว +18

    The dynamic rendering is so ridiculous.... What make you think that I'm going to code like a #$%#! just to make your job simplier when implement that, requires an important infrstructure? Google many times does incredible things, but this.... this goes nowhere. I really don't think people are going to implement this, or if they try, they are going to leave it after try.....

    • @MohamedThiamHacker
      @MohamedThiamHacker 5 ปีที่แล้ว

      For real! I was thinking the same and just posted the same comment on my Fb! While you can just use a REAL backend to make it work. So ridiculous

  • @anatoliychaliy8506
    @anatoliychaliy8506 6 ปีที่แล้ว +1

    I have a question: we work on an brand new site, which build on JS. We close it by robots.txt as we afraid that bot might index a lot of "empty" pages, that are without dinamic redenring... However, i am want to test and to see - how google bot will see those pages? But I can't test it until I unblock the robots.txt file, right? I mean - I even can't use GWT's "Fetch as google bot" while it is closed by robots.txt. So, what might be the solution to check how google bot will render my sites without openeing robots.txt file?

    • @itzsarim
      @itzsarim 6 ปีที่แล้ว +2

      you can open up robots.txt after adding meta-noindex( support.google.com/webmasters/answer/93710?hl=en) on your pages, and then use google search console to see how bots would see your pages.

  • @tuirfghfhg1787
    @tuirfghfhg1787 5 ปีที่แล้ว

    just learned about rendora and dynamic rendering, SEO problem is now solved

  • @dinateresaserafimteresa7615
    @dinateresaserafimteresa7615 4 ปีที่แล้ว

    Bom dia!

  • @dancoman8
    @dancoman8 6 ปีที่แล้ว

    Use React Static. Problem solved :)