SEO for Developers in 100 Seconds

Поделиться
HTML-код
  • Опубликовано: 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 года назад +773

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

  • @joaquimley
    @joaquimley 3 года назад +311

    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.

  • @Nif3
    @Nif3 3 года назад +94

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

  • @DaraulHarris
    @DaraulHarris 3 года назад +169

    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.

  • @tejasmd8143
    @tejasmd8143 3 года назад +182

    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.

  • @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.

  • @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.

  • @AydenWood-nu8jh
    @AydenWood-nu8jh 8 дней назад

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

  • @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.

  • @WarrenHarris-rg3td
    @WarrenHarris-rg3td 9 месяцев назад +4

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

  • @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..

  • @mariansoltan1318
    @mariansoltan1318 3 года назад +141

    Can I get a heart again?

  • @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.

  • @boxicool
    @boxicool 3 года назад

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

  • @ColjaCarls
    @ColjaCarls 3 года назад

    The first seconds ALREADY are sooooooo precise!

  • @_annacheng_
    @_annacheng_ 2 года назад

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

  • @RichardBishop-dz9rj
    @RichardBishop-dz9rj 11 месяцев назад

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

  • @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.

  • @WilliamMurphy-jc6jc
    @WilliamMurphy-jc6jc 14 дней назад

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

  • @JackSanders-ve6wg
    @JackSanders-ve6wg Месяц назад

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

  • @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.

  • @danimunf
    @danimunf 3 года назад

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

  • @JacobStevenson-zv9pb
    @JacobStevenson-zv9pb 2 месяца назад

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

  • @alex.druganov
    @alex.druganov 2 года назад

    The best SEO tutorial I've seen so far

  • @froggoboom
    @froggoboom 3 года назад

    keep up the content, lighthearted yet engaging and entertaining!

  • @KennethSmall-zw8du
    @KennethSmall-zw8du 8 месяцев назад

    Thanks for the video! Loved it very much!

  • @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!

  • @erad4910
    @erad4910 3 года назад

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

  • @AustenGoodman
    @AustenGoodman 8 месяцев назад

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

  • @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

  • @BenjaminKirchner-fl5yj
    @BenjaminKirchner-fl5yj 10 месяцев назад

    Das Video ist großartig und informativ!

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

  • @bas_kar_na_yar
    @bas_kar_na_yar 3 года назад +14

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

  • @bogeyer4673
    @bogeyer4673 2 года назад

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

  • @nuvotion-live
    @nuvotion-live 3 года назад

    Great call on the "beyond" 100 seconds format!

  •  3 года назад

    Thank you. It has given me a quite different approach

  • @mercy1764
    @mercy1764 2 года назад

    Thank you! I have been looking for this.

  • @PontoLive
    @PontoLive Год назад

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

  • @briandesign
    @briandesign 3 года назад +14

    SEO is key, especially for youtube

  • @wolfganggoritschnig4551
    @wolfganggoritschnig4551 3 года назад

    Great as ever - big up Fireship!!

  • @alfredolhu
    @alfredolhu 3 года назад

    Such good content and format! Golden

  • @EdgarGarrett-dq3ep
    @EdgarGarrett-dq3ep Год назад

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

  • @sameerhussain2579
    @sameerhussain2579 11 месяцев назад

    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

  • @StanielBG
    @StanielBG 3 года назад +6

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

  • @leothegeek4432
    @leothegeek4432 3 года назад

    Top-quality content! Instantly subscribed :)

  • @threefour1598
    @threefour1598 Год назад

    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

  • @ytrkptl
    @ytrkptl 3 года назад

    Like always, this is great content!

  • @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.

  • @subhamtripathi4514
    @subhamtripathi4514 2 года назад

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

  • @baliyachtservices7505
    @baliyachtservices7505 3 года назад

    Fantastic run down. Thanks

  • @luis96xd
    @luis96xd 3 года назад

    Excellent video! It was so amazing and useful

  • @hussainabbas1341
    @hussainabbas1341 2 года назад

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

  • @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.

  • @Queen666Queen
    @Queen666Queen 2 года назад

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

  • @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"

  • @IllusionIRL
    @IllusionIRL 3 года назад

    I liked it the way you introduced it ! thanks

  • @Amir_ZMI
    @Amir_ZMI 3 года назад

    my God your content is fresh and to the point

  • @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

  • @mitch7w
    @mitch7w 3 года назад +6

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

  • @SalamoYemen
    @SalamoYemen 3 года назад

    Best best best video for explaining important points for seo.

  • @sketchionic6356
    @sketchionic6356 9 месяцев назад

    Hybrid rendering is something to be learned. thanks

  • @teodorneagoe
    @teodorneagoe 10 дней назад

    Ur videos are better than a CS degree!

  • @nathanaelbleibtreu6884
    @nathanaelbleibtreu6884 3 года назад

    Bro your content is always 1000% legit !

  • @maplestoryinchinese
    @maplestoryinchinese 3 года назад +20

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

  • @ThePumbaM
    @ThePumbaM 3 года назад

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

  • @DanielEliasKana
    @DanielEliasKana 3 года назад +1

    Great one, thanks!

  • @AnthonyStephens-ik7wy
    @AnthonyStephens-ik7wy 3 месяца назад

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

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

  • @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

  • @tyco3963
    @tyco3963 3 года назад

    You really are a hero, thank you so much

  • @bipinmaharjan4090
    @bipinmaharjan4090 2 года назад

    Just took a next js course and its super relatable.

  • @jifeishan4677
    @jifeishan4677 2 года назад +1

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

  • @hamidbakhtiari3986
    @hamidbakhtiari3986 3 года назад

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

  • @cauebahia
    @cauebahia 3 года назад

    This is a great video with great content.

  • @AxialWorldwideOnline
    @AxialWorldwideOnline 2 года назад

    Awesome, all the best. 🏅

  • @WalterBurke-ri4lr
    @WalterBurke-ri4lr Год назад

    You're doing a good job.

  • @SalvageDev
    @SalvageDev 3 года назад

    love it! What do you use to edit?

  • @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!

  • @AMFLearning
    @AMFLearning 2 года назад +1

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

  • @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

  • @dixitjhinkwan
    @dixitjhinkwan 3 года назад

    🔥🔥🔥 as always.

  • @akramdahmani7214
    @akramdahmani7214 2 года назад

    WOW WOW WOW !!!!
    The creativity and marketing behind this video is beyond genius.
    - tell people what SEO is and why it is important to improve it.
    - give them value to hook them up, show them the 4 (3) elements that contribute to improving a website's SEO and explain each one of them and how iimportant they are.
    - then sell the shovel.
    The amount of effort and creativity behind this video is stunning, VERY WELL DONE Jeff 👏👏👏👏👏.

  • @crazycat2969
    @crazycat2969 3 года назад +1

    I love how it went straight to the main content

    • @Fireship
      @Fireship  3 года назад +4

      Thanks Elon, love your rockets.

    • @shelby255
      @shelby255 3 года назад

      @@Fireship lol

  • @ivansostarec2564
    @ivansostarec2564 3 года назад

    this channel is a gift from god

  • @timetolive4869
    @timetolive4869 3 года назад

    Fireship, you are the real mvp🔥

  • @RandolphEvans-of9qf
    @RandolphEvans-of9qf 2 месяца назад

    Everything is great!

  • @sufler7180
    @sufler7180 3 года назад +1

    Haha, nice as always, keep it up!

  • @niteshkrsah2222
    @niteshkrsah2222 3 года назад

    Your contents are awesome

  • @Glace1221
    @Glace1221 2 года назад

    I know this video is old, but when do I start using the tag? I'm learning through The Odin Project and I haven't been told about this yet. Is there a reason why? Is it relevant early on when I'm just trying to get my first job?

  • @MercyFromOverwatch2
    @MercyFromOverwatch2 2 года назад

    Jeff is my favourite tech RUclipsr

  • @vladserhiychuk8925
    @vladserhiychuk8925 Год назад

    Thanks God you did it, I watched it.

  • @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

  • @FelipeCampelo0
    @FelipeCampelo0 4 месяца назад

    First time I’ve heard of the bounce concept