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 https://fireship.io/courses/react-next-firebase/
PRO Membership Discount 30% Code: fZGT5HZT
*Discount Expires on Friday 2/12
Technical overview https://developers.google.com/web/updates/2019/02/rendering-on-the-web
ISR https://nextjs.org/docs/basic-features/data-fetching#incremental-static-regeneration
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
source
So close, the video is 112 seconds :/
Wait, the time you spend on the website is a ranking metric? Is that why some sites are confusing and hard to navigate?
elderly people in their late 20s
sorry but I disagree with the content D: as per your channel, great content isn't enough to get found and teach others.
So the longer it takes me to find the relevant information on a website, the better it gets ranked due to "long engagement time".
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.
That's multiple 100's of seconds 🙂
0:17 Even elderly people in their late 20s can learn to code. Brilliant!
Bro 11*60 is not 100 but 1 minute of your video is equal to more informative than a 30 minutes video these days
Very well done and I love the robot falling down the steps when you're describing that the bot must understand it.
never before have I been so happy to be baited. bait me daddy.
Cloudflare Pages is a pretty decent hosting solution that has an extremely generous free plan (unlike Vercel or Netlify).
Please do an update!!!
1.content
2.content
3.easy to be understand by broswer
4.render performance (lighthouse score)
Screw react and nextjs. Use etags and cache control. Etags are like checksums to validate whether the content was changed. You can also use modification time headers for caching. The client will send "if-modified-since" header and you can 304 that it the content hasn't changed
i mean this isnt 100 seconds, but im down
This is probably the best Fireship video I watched so far. The intro is just too damn good
can you use the <article /> tag if your content is not an article? Say its a list of something or a table – can you use an article here in the same way?
I'm so glad that I've found your channel!!! Thank you for creating so many great contents!!!
Awesome, all the best. 🏅
Longest 100 seconds in my life.
Bro. Your videos slap. The illest and most indepth insights on web development on this platform 👏
I thought that SEO is easy, because you get it "out of the box" with WordPress. But it's not so easy when you do it manually.
Aren't all pages rendered by the server when they are requested? Sorry I don't understand
This was something really good, Blowed up my mind 🙂 Thanks
how do they know the user interactions with the page?
thanks
Why are we renaming things that we've been doing for 20 years? People have doing virtually the same thing as isr on less cool technology for two decades
Very oversimplified. I don't think you can do anything based only on this video
Ζ
I know this video is old, but when do I start using the <main> 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?
The best SEO tutorial I've seen so far