Code With Purpose: SEO For Web Developer
0 likes268 views
The document discusses the importance of SEO (Search Engine Optimization) for web developers, highlighting its role in enhancing website visibility and driving traffic. It covers foundational SEO concepts, on-page optimization techniques, the intersection of SEO and web development, and case studies demonstrating practical applications. Additionally, it suggests resources for aspiring SEO professionals, including joining an SEO agency to gain experience.
Code With Purpose: SEO For Web Developer
- 1. Code With Purpose Why SEO is a Must-Have Skill for Web Developers? by Tara Bdr. Thapa Magar
- 2. Tara Bdr. Thapa Magar 5+ years of experience in Search Engine Optimization. Worked across different market verticals, from Local to Therapy, MSPs to SaaS, Dental to Law Firms, E-commerce to Marketplace, and more. With a degree in BCA from CITE College, I have verticalized my career towards SEO & developed a deep understanding of how a search engine works and ranks pages. Head of SEO, Orka Socials About me
- 3. Who is this for... Web Developer Digital Marketer SEO Professional Computer Science Student & Graduate Career Switcher to Tech SEO Role SEO Beginner Even For Tech-Savvy Entrepreneur & Startup Founder
- 4. So, What You Will Learn... Foundational Aspects of SEO SEO & Web Development How SEO Impacts Website Performance & Visibility How SEO Knowledge Enhances Your Career Prospects
- 5. Presentation Overview Understanding SEO & How Search Engine Works? Why Websites Should Be SEO Optimized? On-Page SEO Fundamentals The Intersection of SEO & Web Development Real SEO Case Studies Q&A Session
- 7. Chapter 1: Understanding SEO & How Search Engine Works?
- 8. CEO? Search Engine Operator? SEO? SEO stands for “Search Engine Optimization” and is the process of improving a website's visibility in SERPs. “If the page is well optimized for specific query term, it should be ranked in major search engines like Google” Sometimes people misinterpret SEO as 🤣
- 10. This is How Google Ranked My Webpage 😲
- 11. Chapter 2: Why Websites Should Be SEO Optimized?
- 12. What We 68% of online experiences begin with a search engine. (BrightEdge) SEO drives 1000%+ more traffic than organic social media. (BrightEdge) 60% of marketers say that inbound (SEO, blog content, etc.) is their highest quality source of leads. (HubSpot)
- 13. Chapter 3: On-Page SEO Fundamentals
- 14. On-Page SEO Fundamentals A practice of optimizing individual web pages in order to rank higher in search engines.
- 15. HTML Title Tag 👍Best Practices The <title> element should be used within a page's <head> block Best between 50–60 characters Important keywords near the beginning Well-written title can influence click-through rates (CTR)
- 16. Meta Description Tag 👍Best Practices <meta> tags go inside the <head> element Best under 160 characters Each description should be unique Well-written descriptions influence click-through rates (CTR)
- 17. URL Structuring 👍Best Practices Choose shorter, human-readable URLs with descriptive keywords The URL https://yoursite.com/marketing- platform.html is much better than https://yoursite.com/marketingplat form.html. Use hyphens (-) instead of underscores (_) in your URLs.
- 18. Search engines use links as a signal to determine the relevancy of pages and to find new pages. 👍Best Practices Make sure the anchor text is descriptive Avoid using generic anchor text Internal Linking
- 19. Semantic HTML Tag Semantic HTML tags define the meaning of the content they contain. For instance, non-semantic elements <div> and <span> - Tell nothing about their content. But semantic elements: <form>, <table>, and <article> - Clearly define its content.
- 20. Well Optimized Heading Tag 👍Best Practices Use headings hierarchically, with the <h1> representing the most important idea on the page following the subheading as a sub-section. 💡Pro Tip: A page should contain only one H1 tag.
- 21. Image SEO 👍Best Practices Always use standard <img> HTML tag Use descriptive filenames and alt text. Optimize for speed and quality Use supported image formats like BMP, GIF, JPEG, PNG, WebP, and SVG.
- 22. Chapter 4: The Intersection of SEO & Web Development
- 23. The Intersection of SEO & Web Development SEO Web Development Technical SEO A website's technical aspects, such as design, code and site structure can significantly impact its visibility on the Search Engine Result Page.
- 24. Technical SEO Technical SEO is optimizing website infrastructure or architecture to help search engines like Google for efficient crawlability, indexability and rankability.
- 25. robots.txt A robots.txt file instructs search engine crawlers how to crawl and index pages on a website. 💡Pro Tip: A robots.txt file lives at the root of your site. Make sure all important pages are crawlable and content that won't provide any real value are blocked.
- 26. robots meta tag A page-specific approach to controlling how an individual page should be indexed and served to users in Google Search results.
- 27. XML Sitemap An organized collection of pages helpful for search engines to find, crawl and index them all. 💡Pro Tip: Ensure all the important pages are included in Sitemap. If you have a larger file or more URLs, you must break your sitemap into multiple sitemaps.
- 28. HTML Sitemap A webpage that lists and links to all the other pages on a website basically for users to navigate easily. 💡Pro Tip: If possible categorize every pages based on content type, like Apple.
- 29. HTTP Status Codes An HTTP status code is a server response to a browser’s request. The Most Common HTTP Status Code include: 200: OK/Success 301: Permanent redirect 302: Temporary redirect 404: Not found / Client-Error 500: Server error 💡Pro Tip: Make as lower as you can for 3XX,4XX,5XX status code.
- 30. Canonical Tag 💡Pro Tip: Ensure every important pages contains a self-referential canonical tag A rel="canonical" link element that helps prevent duplicate content issues by specifying the "preferred" version page URL. For instance, https://www.example.com/product-page https://www.example.com/product-page? ref=123 Your HTML should content <link rel="canonical" href="https://www.example.com/product-page" />
- 31. Site Structure & Navigation Site structure refers to how you organize your website’s content. It is basically how this content is grouped, linked and presented to the visitor.
- 32. An Ideal Website Structure 👍Best Practices A flat website structure is considered ideal for SEO. A flat structure means we are just few clicks away from the homepage. 💡Pro Tip: I highly recommend to maintain not more than 3 clicks depth for crawl efficiency, link equity distribution and improved user experience.
- 33. Schema Markup Schema markup, or structured data, is the special code search engines use to read and understand your website page content better. 💡Pro Tip: Use JSON-LD for structured data as it's the easiest solution to implement and maintain at scale.
- 34. Mobile SEO & Responsive Web Design
- 35. Why Responsive Web Design? Search engines like Google predominantly use the mobile version of a site's content, crawled with the smartphone agent, for indexing and ranking.
- 36. Core Web Vitals & Site Speed Optimization Core Web Vitals are a set of three metrics that measure the speed, interactivity and visual stability of a webpage.
- 37. Chapter 5: Real SEO Case Studies
- 38. Case Study ~ Platform Migration Goes Wrong (Ecomm)
- 39. Case Study ~ Domain Migration Goes Right (Ecomm)
- 40. Case Study ~ meta robots noindex: Horror From Dev.( Local)
- 41. Case Study ~ meta robots noindex: Horror From Dev. (Local)
- 42. Case Study ~ Poorly Structured Site / Interlinking (Ecomm/Shopify) Before Fixing After Fixing
- 43. Case Study ~ After Fixing (Ecomm/Shopify)
- 44. Case Study ~ Poorly Structured URL Before Fixing After Fixing A site was online learning marketplace that was built on React JS tech.
- 45. Case Study ~ Poorly Structured URL What did we optimize? Optimized URL structuring from https://example.com/3a5ebc944 f41daa6f849f730f1 to https://example.com/guide-to- deep-learning. Added Video Transcription.
- 46. 🚀My Favorite SEO tool Stack Google Search Console Google Analytics 4 Ahrefs Screaming Frog Sitebulb
- 47. A few words for those who want to build a career in SEO Learn the foundational aspects of SEO. Try to implement it on your personal site. You only know what works and what doesn’t after implementation. If this isn’t possible, join an SEO Agency. You will learn heck lot about the different market verticals and how SEO works for them.
- 48. Well, for web developer as well Learn the advanced technical aspects of SEO. There are a heck lot of opportunities: You can upsell SEO services. You can work as a freelancer. You will always have a competitive advantage over others. You can even niche down services like: Site Speed Optimization Website Migration Comprehensive Technical SEO Audits Advanced Web Analytics
- 51. Start learning SEO for free with Rambabu Thapa Join the latest batch of 5 Day SEO Challenge Scan the QR code https://rambknows.com/5-day-seo-challenge/
- 52. Thank you 🙏
- 53. Q&A Session Have a burning question? I am here for you 🙂
- 54. Let’s connect /tara.tbtm /in/tbtm/ Tara Bdr. Thapa Magar