SEO for Developers in 100 Seconds

แชร์
ฝัง
  • เผยแพร่เมื่อ 13 ก.ค. 2024
  • Learn the fundamentals of Search Engine Optimization (SEO) from the perspective of a web developer. Determine the optimal way to structure and render HTML for bots fireship.io/courses/react-nex...
    PRO Membership Discount 30% Code: fZGT5HZT
    *Discount Expires on Friday 2/12
    Technical overview developers.google.com/web/upd...
    ISR nextjs.org/docs/basic-feature...
    00:00 What is SEO
    02:01 Create Good Content
    03:54 HTML Structure
    07:09 Rendering Strategies
    #webdev #seo #100SecondsOfCode
    My VS Code Theme
    - Atom One Dark
    - vscode-icons
    - Fira Code Font
  • วิทยาศาสตร์และเทคโนโลยี

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

  • @adnanamin1843
    @adnanamin1843 3 ปีที่แล้ว +776

    OK! These days I find Fireship videos much more fun to watch than other entertaining videos. Scrapping my head!! GG!

  • @joaquimley
    @joaquimley 3 ปีที่แล้ว +312

    Your content is something out of this world.
    Please don't change the format, love the tempo and quality of the info. Awesome job keep it up!

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

      It's too slow. I always go for double speed.

  • @DaraulHarris
    @DaraulHarris 3 ปีที่แล้ว +170

    Best SEO tutorial I've ever seen.

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

      Is this the second or third one you've ever seen? 😂

    • @deepakvishwakarma2043
      @deepakvishwakarma2043 3 ปีที่แล้ว +4

      What do you learned ... And how you are going to implement these ideas...
      Pls share some resources to follow these techniques.

    • @sensiblewheels
      @sensiblewheels 3 ปีที่แล้ว +2

      This isn't a tutorial :) It's an introduction.

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

      Daraul Harris
      i bet u didn't understand a single thing in this video cuz its so complex.

  • @Nif3
    @Nif3 3 ปีที่แล้ว +95

    Dude, you are legit on a league of your own when it comes to these videos. Absolute boss.

  • @tejasmd8143
    @tejasmd8143 3 ปีที่แล้ว +183

    This guy just automatically knows what I want right now

    • @DanielDaniel-xz2yp
      @DanielDaniel-xz2yp 3 ปีที่แล้ว +2

      I want everything he uploads so it's not such a coincidence

  • @user-yc1xi7ur1h
    @user-yc1xi7ur1h 3 ปีที่แล้ว +15

    This was so informative, I love these videos! And I’m glad they’re longer than 100 seconds

  • @TangoIndiaMike144
    @TangoIndiaMike144 3 ปีที่แล้ว +93

    This was a brilliant sales pitch and i'm not even mad. Great content as always!!

  • @casperdewith
    @casperdewith 2 ปีที่แล้ว +12

    0:17 _Even elderly people in their late 20s can learn to code._ Brilliant!

  • @OzoneX4
    @OzoneX4 3 ปีที่แล้ว +16

    Cannot stress enough the quality of this content. It's top-notch. Keep it up, my man.

  • @marexibinsa2915
    @marexibinsa2915 19 วันที่ผ่านมา

    Thanks for the new video! I’m looking forward to seeing what other content you post! Always good to learn as much as you can!

  • @pavelschannel-alittleoutof3532
    @pavelschannel-alittleoutof3532 2 ปีที่แล้ว +2

    Very well done and I love the robot falling down the steps when you're describing that the bot must understand it.

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

    No one else on YT takes complicated topics and condenses them down to easily approachable and sensible advice. Of course 100s videos always require more research but they introduce topics and don't overwhelm giving you key topics to look for. Often in this realm you simply don't know what you don't know.
    Thanks dood.

  • @WarrenHarris-rg3td
    @WarrenHarris-rg3td 10 หลายเดือนก่อน +4

    Crisp, smart way of explaining, necessary and sufficient information. That was helpful. Thank you.

  • @poglord._
    @poglord._ 3 ปีที่แล้ว +166

    Claim your "before 1 million views" ticket here.
    Edit: OMG, a heart from you?!! 😱😱

    • @NicolaiWeitkemper
      @NicolaiWeitkemper 3 ปีที่แล้ว +1

      I'd like to claim my "Here before 1 million subs" ticket first. :P

    • @lghiggino
      @lghiggino 3 ปีที่แล้ว +1

      April, 3rd, 2021. I'd like to claim my ticket, please. 🚀🚀🚀

    • @null3081
      @null3081 2 ปีที่แล้ว

      here before 1 million views

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

    I love the way Fireship explains everything. Clear explanations in short time.

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

    Thats a good title of a new series.
    Beyond 100 Seconds a series of content where you go in depth in a specific topic.

  • @yt-sh
    @yt-sh 3 ปีที่แล้ว +135

    Can you make these in 100 sec or more:
    Ansible
    Terraform
    Jenkins
    Puppet
    Chef

    • @emaxix7
      @emaxix7 3 ปีที่แล้ว +5

      To piggy back off this and add Terraform to the list.

    • @gabrielkarczewski4453
      @gabrielkarczewski4453 3 ปีที่แล้ว +4

      Experienced DevOps here. Honestly, I don't think it makes a lot of sense to cover all of these tools, just the most popular stuff. Why waste time creating videos about Chef and Puppet, whilst most people will only need/use/learn Ansible? You can learn Chef or Puppet after Ansible, if required. Same thing with CI tools and Jenkins. It's kind of like covering all the JS frameworks.

    • @yt-sh
      @yt-sh 2 ปีที่แล้ว

      @jeff pentagon yeah did that already but understanding the basics that too in short time helps too..

  • @ShannonHamilton-nm5qq
    @ShannonHamilton-nm5qq ปีที่แล้ว

    Everything is clear. Brief and clear. No water. Thank you)

  • @fev4
    @fev4 3 ปีที่แล้ว +78

    With the experience I've had with SEO in the last 6 years I can say this is pretty accurate. There are some details, as always, because the devil is in the details, but nonetheless really awesome content.

  • @_annacheng_
    @_annacheng_ 2 ปีที่แล้ว

    I'm so glad that I've found your channel!!! Thank you for creating so many great contents!!!

  • @karaway2117
    @karaway2117 3 ปีที่แล้ว +61

    Ok you're just stalking my brain now

    • @mr.wellman702
      @mr.wellman702 3 ปีที่แล้ว +3

      pretty sure it's some background python algorithm helping him out, similiar to Chris Hawkes lol

  • @boxicool
    @boxicool 3 ปีที่แล้ว

    I felt in love in your channel. Basically I watch every video on your channel! Please don't stop!

  • @RichardBishop-dz9rj
    @RichardBishop-dz9rj ปีที่แล้ว

    Appreciate the non-fluff straightforward approach. Was a great review for me. Thank you!

  • @WilliamMurphy-jc6jc
    @WilliamMurphy-jc6jc หลายเดือนก่อน

    Really clever explanation and no unnecessary verbiage! Respect! + subscription

  • @mariansoltan1318
    @mariansoltan1318 3 ปีที่แล้ว +142

    Can I get a heart again?

  • @froggoboom
    @froggoboom 3 ปีที่แล้ว

    keep up the content, lighthearted yet engaging and entertaining!

  • @abdoufma
    @abdoufma 3 ปีที่แล้ว +8

    Awesome content as always Jeff!
    Quick question: Do you have any Flutter tutorials planned for 2021?
    Keep up the good work.

  • @BenjaminKirchner-fl5yj
    @BenjaminKirchner-fl5yj 11 หลายเดือนก่อน

    Das Video ist großartig und informativ!

  • @robertdeckard2136
    @robertdeckard2136 ปีที่แล้ว +10

    It's interesting to me how flawed some of these measurements are. "Dwell time" doesn't account for web pages that convey as small but relevant amount of information information efficiently so someone can find what they want and move on. I've also been noticing Google highlighting incorrect answers for search queries lately as well, or highlighting part of a page out of context. I can't remember which plant(maybe purslane, or some other edible weed). but googling "Is X safe to eat" wound up with the highlighted and bolded answer being "Poisonous and Unsafe to Eat". but clicking on the link, revealed that this "answer" was out of context and the page itself was warning of a plant that looks slightly similar being "Poisonous and Unsafe to Eat" while the plant in question was entirely safe to eat whether cooked or raw.

  • @KennethSmall-zw8du
    @KennethSmall-zw8du 9 หลายเดือนก่อน

    Thanks for the video! Loved it very much!

  • @JacobStevenson-zv9pb
    @JacobStevenson-zv9pb 3 หลายเดือนก่อน

    Thank you for explaining everything so clearly. Everything is very clear. Like for the explanation.

  • @ColjaCarls
    @ColjaCarls 3 ปีที่แล้ว

    The first seconds ALREADY are sooooooo precise!

  • @jimmyj.6792
    @jimmyj.6792 3 ปีที่แล้ว +36

    Really great explications about SPA / SSG / SSR / ISR - Thank you so much for this clarification.
    If you can realize a video on these options by example, it could be interest to many developers i think.
    Great work :)

  • @briandesign
    @briandesign 3 ปีที่แล้ว +14

    SEO is key, especially for youtube

    • @Fireship
      @Fireship  3 ปีที่แล้ว +5

      This is true

  • @wolfganggoritschnig4551
    @wolfganggoritschnig4551 3 ปีที่แล้ว

    Great as ever - big up Fireship!!

  • @danimunf
    @danimunf 3 ปีที่แล้ว

    The most straightforward SEO explanation video on TH-cam, and the bright side without even "promoting" a SEO course (just like the other 'guru' did) hahahah

  • @AustenGoodman
    @AustenGoodman 9 หลายเดือนก่อน

    Clear and understandable, I wish there was more information like this.

  • @erad4910
    @erad4910 3 ปีที่แล้ว

    This is absolutely gold! from the bottom of my heart thank you!

  • @bogeyer4673
    @bogeyer4673 2 ปีที่แล้ว

    Bro. Your videos slap. The illest and most indepth insights on web development on this platform 👏

  • @bas_kar_na_yar
    @bas_kar_na_yar 3 ปีที่แล้ว +14

    Would love to see a video about tests. For both frontend and backend.

  • @alfredolhu
    @alfredolhu 3 ปีที่แล้ว

    Such good content and format! Golden

  • @JackSanders-ve6wg
    @JackSanders-ve6wg 2 หลายเดือนก่อน

    You putting this up for free is actually clutch - praise to you

  • @mercy1764
    @mercy1764 2 ปีที่แล้ว

    Thank you! I have been looking for this.

  • @ytrkptl
    @ytrkptl 3 ปีที่แล้ว

    Like always, this is great content!

  • @leothegeek4432
    @leothegeek4432 3 ปีที่แล้ว

    Top-quality content! Instantly subscribed :)

  • @CodeWithAndrea
    @CodeWithAndrea 3 ปีที่แล้ว

    I’m not a complete noob with SEO but this video had a ton of useful stuff I didn’t know about! Outstanding!

  • @ninjaasmoke
    @ninjaasmoke 3 ปีที่แล้ว

    Whoa, gonna start doing using most of this in my SPAs. Thanks!

  • @nuvotion-live
    @nuvotion-live 3 ปีที่แล้ว

    Great call on the "beyond" 100 seconds format!

  • @alex.druganov
    @alex.druganov 2 ปีที่แล้ว

    The best SEO tutorial I've seen so far

  • @PontoLive
    @PontoLive 2 ปีที่แล้ว

    Thanks Jeff, I always wanted to learn more about SEO!

  • @baliyachtservices7505
    @baliyachtservices7505 3 ปีที่แล้ว

    Fantastic run down. Thanks

  • @threefour1598
    @threefour1598 2 ปีที่แล้ว

    1:46 Hey I didn't know you had a website
    I always wondered where are the full tutorials you talk about. Now I've found the treasury it seems.
    I intend to devour your great courses now :) I hope I find enough time and not forget to check out your tutorials while I make time for them.
    You do a great quality job, and thanks for that. Hope you be successful

  • @subhamtripathi4514
    @subhamtripathi4514 2 ปีที่แล้ว

    This was something really good, Blowed up my mind :) Thanks

  • @luis96xd
    @luis96xd 3 ปีที่แล้ว

    Excellent video! It was so amazing and useful

  • @Queen666Queen
    @Queen666Queen 2 ปีที่แล้ว

    Thanks for your tips!!!! ♥good job!

  •  3 ปีที่แล้ว

    Thank you. It has given me a quite different approach

  • @DanielEliasKana
    @DanielEliasKana 3 ปีที่แล้ว +1

    Great one, thanks!

  • @maplestoryinchinese
    @maplestoryinchinese 3 ปีที่แล้ว +20

    Awesome, now do AGILE/SPRINT/SCRUM next please! And maybe SAAS?

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

    Would love to see an AWS/Azure tutorial + your thoughts on them VS GCP :)

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

    This video came in the perfect moment for me. :D

  • @IllusionIRL
    @IllusionIRL 3 ปีที่แล้ว

    I liked it the way you introduced it ! thanks

  • @EdgarGarrett-dq3ep
    @EdgarGarrett-dq3ep ปีที่แล้ว

    A good lecture that will benefit all who have followed this excellent explanation.

  • @hussainabbas1341
    @hussainabbas1341 2 ปีที่แล้ว

    Thank u so much, ur content us special due to the illustrations and animation.

  • @enjay86
    @enjay86 3 ปีที่แล้ว

    I can second this... We use Next.js for almost three years now and it was a great call start using it.

  • @sameerhussain2579
    @sameerhussain2579 ปีที่แล้ว

    i was fully convinced up until now that backlinks were good for ranking your site, now that i am on the brink of starting a blog site, this informtion came like a wrecking ball

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

    Hey, you should do a "react-query in 100 seconds"! I think it'll fit right in and it would be very interesting

  • @WalterBurke-ri4lr
    @WalterBurke-ri4lr ปีที่แล้ว

    You're doing a good job.

  • @AxialWorldwideOnline
    @AxialWorldwideOnline 2 ปีที่แล้ว

    Awesome, all the best. 🏅

  • @dixitjhinkwan
    @dixitjhinkwan 3 ปีที่แล้ว

    🔥🔥🔥 as always.

  • @AnthonyStephens-ik7wy
    @AnthonyStephens-ik7wy 4 หลายเดือนก่อน

    Thank you for creating the video - likes Unequivocally !!!!

  • @SalvageDev
    @SalvageDev 3 ปีที่แล้ว

    love it! What do you use to edit?

  • @MarkButler-zr2dw
    @MarkButler-zr2dw ปีที่แล้ว

    Everything is great!

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

    Thoughts while watching: Having your cache not as a list of files, but as a tree of components, where any change to the data regenerates the path from the updated leaf to the whole page someone is actually an old technique. And dynamically or individually choosing which pages or components are cached for how long before rebuilding is part of the same old toolkit. Static is just "cache_time=unlimited" in the dynamic, tree-based system.
    But that the current generation of web caching reaches that level of complexity might be a sign that the current server hardware is flattening out in performance increases.

  • @Amir_ZMI
    @Amir_ZMI 3 ปีที่แล้ว

    my God your content is fresh and to the point

  • @jifeishan4677
    @jifeishan4677 2 ปีที่แล้ว +1

    1.content
    2.content
    3.easy to be understand by broswer
    4.render performance (lighthouse score)

  • @tyco3963
    @tyco3963 3 ปีที่แล้ว

    You really are a hero, thank you so much

  • @cauebahia
    @cauebahia 3 ปีที่แล้ว

    This is a great video with great content.

  • @1337cookie
    @1337cookie 3 ปีที่แล้ว +20

    The word "image" in an alt tag is unnecessary since it's inferred from the tag which might end up being read by a screen reader as "Image of image of code"

  • @sketchionic6356
    @sketchionic6356 10 หลายเดือนก่อน

    Hybrid rendering is something to be learned. thanks

  • @ElioStalteri
    @ElioStalteri 3 ปีที่แล้ว

    I'm currently using svelte with cloudflare workers, it was a little painful at first but after creating some script to automate the workflow it's getting better :)

  • @SalamoYemen
    @SalamoYemen 3 ปีที่แล้ว

    Best best best video for explaining important points for seo.

  • @nathanaelbleibtreu6884
    @nathanaelbleibtreu6884 3 ปีที่แล้ว

    Bro your content is always 1000% legit !

  • @sufler7180
    @sufler7180 3 ปีที่แล้ว +1

    Haha, nice as always, keep it up!

  • @99Gara99
    @99Gara99 3 ปีที่แล้ว

    One thing I know is that it was really effective to say it would all go in 200s only... took me a while to understand it was a hell of a bait (though not a lie), you really follow what you say, you are creating good content. Peace

  • @Shuyinz
    @Shuyinz 3 ปีที่แล้ว +1

    This is fantastic! Is it possible to request a full technical SEO course? I would love to buy it on a heartbeat!

  • @teodorneagoe
    @teodorneagoe หลายเดือนก่อน

    Ur videos are better than a CS degree!

  • @ikealmighty
    @ikealmighty ปีที่แล้ว

    Thanks!

  • @ThePumbaM
    @ThePumbaM 3 ปีที่แล้ว

    "This is the way... this is the way" *ad flies in* "This is WebFlow" Nice one TH-cam!
    Great video btw!

  • @bipinmaharjan4090
    @bipinmaharjan4090 3 ปีที่แล้ว

    Just took a next js course and its super relatable.

  • @usama57926
    @usama57926 3 ปีที่แล้ว

    Very helpful.

  • @niteshkrsah2222
    @niteshkrsah2222 3 ปีที่แล้ว

    Your contents are awesome

  • @hamidbakhtiari3986
    @hamidbakhtiari3986 3 ปีที่แล้ว

    nice!
    "that's the future of full-stack development!"

  • @gouravchatterjee7052
    @gouravchatterjee7052 3 ปีที่แล้ว

    Great content.

  • @timetolive4869
    @timetolive4869 3 ปีที่แล้ว

    Fireship, you are the real mvp🔥

  • @AMFLearning
    @AMFLearning 2 ปีที่แล้ว +1

    amflearning by doing, you are awesome made my ship on fire, thaaannkssss a looottt

  • @FelipeCampelo0
    @FelipeCampelo0 5 หลายเดือนก่อน

    First time I’ve heard of the bounce concept

  • @manivannant7985
    @manivannant7985 3 ปีที่แล้ว

    Perfect.! Please do a video on hosting Next js(SSR) app with all possibilities in cpanel(shared hosting) which makes it a lot more cheaper than AWS or Raspberry Pi. It gonna be a breakthrough in hosting react apps

  • @vladserhiychuk8925
    @vladserhiychuk8925 2 ปีที่แล้ว

    Thanks God you did it, I watched it.

  • @FrankLloydTeh
    @FrankLloydTeh 3 ปีที่แล้ว +1

    I have a proxy that responds to users with client side rendered angular app, while responding to bots with a server side rendered html page. This is based on the user-agent. The client side and the server side render for "product" pages actually look different. Client side focuses on interactivity while server side focuses on "respond with a basic properly formed html". Content is kept the same.

    • @nxte8506
      @nxte8506 2 ปีที่แล้ว

      Underrated comment

  • @thisisgksingh
    @thisisgksingh 3 ปีที่แล้ว

    Good vide buddy