SEO for Developers in 100 Seconds

Sdílet
Vložit
  • čas přidán 16. 07. 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
  • Věda a technologie

Komentáře • 401

  • @adnanamin1843
    @adnanamin1843 Před 3 lety +776

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

  • @joaquimley
    @joaquimley Před 3 lety +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 Před rokem +1

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

  • @Nif3
    @Nif3 Před 3 lety +95

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

  • @DaraulHarris
    @DaraulHarris Před 3 lety +170

    Best SEO tutorial I've ever seen.

    • @markgoho
      @markgoho Před 3 lety +3

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

    • @deepakvishwakarma2043
      @deepakvishwakarma2043 Před 3 lety +4

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

    • @sensiblewheels
      @sensiblewheels Před 3 lety +2

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

    • @lycan2494
      @lycan2494 Před 3 lety +3

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

  • @tejasmd8143
    @tejasmd8143 Před 3 lety +183

    This guy just automatically knows what I want right now

    • @DanielDaniel-xz2yp
      @DanielDaniel-xz2yp Před 3 lety +2

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

  • @TangoIndiaMike144
    @TangoIndiaMike144 Před 3 lety +93

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

  • @casperdewith
    @casperdewith Před 2 lety +12

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

  • @OzoneX4
    @OzoneX4 Před 3 lety +16

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

  • @user-yc1xi7ur1h
    @user-yc1xi7ur1h Před 3 lety +15

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

  • @kenosabi
    @kenosabi Před 2 lety +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.

  • @pavelschannel-alittleoutof3532

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

  • @jem7759
    @jem7759 Před 3 lety +4

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

  • @manoliszaimakis273
    @manoliszaimakis273 Před 3 lety +2

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

  • @WarrenHarris-rg3td
    @WarrenHarris-rg3td Před 10 měsíci +4

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

  • @fev4
    @fev4 Před 3 lety +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.

  • @ShannonHamilton-nm5qq

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

  • @yt-sh
    @yt-sh Před 3 lety +135

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

    • @emaxix7
      @emaxix7 Před 3 lety +5

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

    • @gabrielkarczewski4453
      @gabrielkarczewski4453 Před 3 lety +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 Před 2 lety

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

  • @marexibinsa2915
    @marexibinsa2915 Před 22 dny

    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!

  • @boxicool
    @boxicool Před 3 lety

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

  • @_annacheng_
    @_annacheng_ Před 2 lety

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

  • @robertdeckard2136
    @robertdeckard2136 Před rokem +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.

  • @danimunf
    @danimunf Před 3 lety

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

  • @RichardBishop-dz9rj
    @RichardBishop-dz9rj Před rokem

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

  • @ColjaCarls
    @ColjaCarls Před 3 lety

    The first seconds ALREADY are sooooooo precise!

  • @CodeWithAndrea
    @CodeWithAndrea Před 3 lety

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

  • @JackSanders-ve6wg
    @JackSanders-ve6wg Před 2 měsíci

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

  • @bas_kar_na_yar
    @bas_kar_na_yar Před 3 lety +14

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

  • @froggoboom
    @froggoboom Před 3 lety

    keep up the content, lighthearted yet engaging and entertaining!

  • @mariansoltan1318
    @mariansoltan1318 Před 3 lety +141

    Can I get a heart again?

  • @ninjaasmoke
    @ninjaasmoke Před 3 lety

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

  • @abdoufma
    @abdoufma Před 3 lety +8

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

  • @bogeyer4673
    @bogeyer4673 Před 2 lety

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

  • @karaway2117
    @karaway2117 Před 3 lety +61

    Ok you're just stalking my brain now

    • @mr.wellman702
      @mr.wellman702 Před 3 lety +3

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

  • @WilliamMurphy-jc6jc
    @WilliamMurphy-jc6jc Před měsícem

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

  • @jimmyj.6792
    @jimmyj.6792 Před 3 lety +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 :)

  • @alex.druganov
    @alex.druganov Před 2 lety

    The best SEO tutorial I've seen so far

  • @nuvotion-live
    @nuvotion-live Před 3 lety

    Great call on the "beyond" 100 seconds format!

  • @wolfganggoritschnig4551

    Great as ever - big up Fireship!!

  • @BenjaminKirchner-fl5yj
    @BenjaminKirchner-fl5yj Před 11 měsíci

    Das Video ist großartig und informativ!

  • @AustenGoodman
    @AustenGoodman Před 9 měsíci

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

  • @threefour1598
    @threefour1598 Před 2 lety

    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

  • @erad4910
    @erad4910 Před 3 lety

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

  • @sameerhussain2579
    @sameerhussain2579 Před rokem

    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

  • @JacobStevenson-zv9pb
    @JacobStevenson-zv9pb Před 3 měsíci

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

  • @poglord._
    @poglord._ Před 3 lety +166

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

    • @NicolaiWeitkemper
      @NicolaiWeitkemper Před 3 lety +1

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

    • @lghiggino
      @lghiggino Před 3 lety +1

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

    • @null3081
      @null3081 Před 2 lety

      here before 1 million views

  • @alfredolhu
    @alfredolhu Před 3 lety

    Such good content and format! Golden

  • @MistaSmith
    @MistaSmith Před 2 lety +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.

  • @KennethSmall-zw8du
    @KennethSmall-zw8du Před 9 měsíci

    Thanks for the video! Loved it very much!

  • @baliyachtservices7505
    @baliyachtservices7505 Před 3 lety

    Fantastic run down. Thanks

  • @ytrkptl
    @ytrkptl Před 3 lety

    Like always, this is great content!

  • @leothegeek4432
    @leothegeek4432 Před 3 lety

    Top-quality content! Instantly subscribed :)

  • @mercy1764
    @mercy1764 Před 2 lety

    Thank you! I have been looking for this.

  • @PontoLive
    @PontoLive Před 2 lety

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

  •  Před 3 lety

    Thank you. It has given me a quite different approach

  • @enjay86
    @enjay86 Před 3 lety

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

  • @EdgarGarrett-dq3ep
    @EdgarGarrett-dq3ep Před rokem

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

  • @elbojoloco
    @elbojoloco Před 3 lety +6

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

  • @maplestoryinchinese
    @maplestoryinchinese Před 3 lety +20

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

  • @StanielBG
    @StanielBG Před 3 lety +6

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

  • @luis96xd
    @luis96xd Před 3 lety

    Excellent video! It was so amazing and useful

  • @mitch7w
    @mitch7w Před 3 lety +6

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

  • @subhamtripathi4514
    @subhamtripathi4514 Před 2 lety

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

  • @Amir_ZMI
    @Amir_ZMI Před 3 lety

    my God your content is fresh and to the point

  • @Queen666Queen
    @Queen666Queen Před 2 lety

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

  • @DanielEliasKana
    @DanielEliasKana Před 3 lety +1

    Great one, thanks!

  • @AxialWorldwideOnline
    @AxialWorldwideOnline Před 2 lety

    Awesome, all the best. 🏅

  • @IllusionIRL
    @IllusionIRL Před 3 lety

    I liked it the way you introduced it ! thanks

  • @hussainabbas1341
    @hussainabbas1341 Před 2 lety

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

  • @SalamoYemen
    @SalamoYemen Před 3 lety

    Best best best video for explaining important points for seo.

  • @jifeishan4677
    @jifeishan4677 Před 2 lety +1

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

  • @tyco3963
    @tyco3963 Před 3 lety

    You really are a hero, thank you so much

  • @99Gara99
    @99Gara99 Před 3 lety

    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

  • @ThePumbaM
    @ThePumbaM Před 3 lety

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

  • @ElioStalteri
    @ElioStalteri Před 3 lety

    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 :)

  • @dixitjhinkwan
    @dixitjhinkwan Před 3 lety

    🔥🔥🔥 as always.

  • @WalterBurke-ri4lr
    @WalterBurke-ri4lr Před rokem

    You're doing a good job.

  • @nathanaelbleibtreu6884

    Bro your content is always 1000% legit !

  • @cauebahia
    @cauebahia Před 3 lety

    This is a great video with great content.

  • @sufler7180
    @sufler7180 Před 3 lety +1

    Haha, nice as always, keep it up!

  • @bipinmaharjan4090
    @bipinmaharjan4090 Před 3 lety

    Just took a next js course and its super relatable.

  • @sketchionic6356
    @sketchionic6356 Před 11 měsíci

    Hybrid rendering is something to be learned. thanks

  • @AnthonyStephens-ik7wy
    @AnthonyStephens-ik7wy Před 4 měsíci

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

  • @Shuyinz
    @Shuyinz Před 3 lety +1

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

  • @niteshkrsah2222
    @niteshkrsah2222 Před 3 lety

    Your contents are awesome

  • @hamidbakhtiari3986
    @hamidbakhtiari3986 Před 3 lety

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

  • @MarkButler-zr2dw
    @MarkButler-zr2dw Před rokem

    Everything is great!

  • @SalvageDev
    @SalvageDev Před 3 lety

    love it! What do you use to edit?

  • @teodorneagoe
    @teodorneagoe Před měsícem

    Ur videos are better than a CS degree!

  • @briandesign
    @briandesign Před 3 lety +14

    SEO is key, especially for youtube

  • @timetolive4869
    @timetolive4869 Před 3 lety

    Fireship, you are the real mvp🔥

  • @FrankLloydTeh
    @FrankLloydTeh Před 3 lety +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.

  • @usama57926
    @usama57926 Před 3 lety

    Very helpful.

  • @FelipeCampelo0
    @FelipeCampelo0 Před 5 měsíci

    First time I’ve heard of the bounce concept

  • @manivannant7985
    @manivannant7985 Před 3 lety

    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 Před 2 lety

    Thanks God you did it, I watched it.

  • @gouravchatterjee7052
    @gouravchatterjee7052 Před 3 lety

    Great content.

  • @AMFLearning
    @AMFLearning Před 2 lety +1

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

  • @crazycat2969
    @crazycat2969 Před 3 lety +1

    I love how it went straight to the main content

  • @1337cookie
    @1337cookie Před 3 lety +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"

  • @ikealmighty
    @ikealmighty Před rokem

    Thanks!