diff --git a/blog_data/snippetList.json b/blog_data/snippetList.json index 8613cd90c..ed12cf4da 100644 --- a/blog_data/snippetList.json +++ b/blog_data/snippetList.json @@ -15,6 +15,21 @@ "hash": "2dd00656f3a19b08dd10877431101751009c00b0658dc5d3acab61e11fea21e3" } }, + { + "id": "4-seo-tips-for-developers", + "type": "snippetListing", + "title": "4 SEO tips for developers", + "attributes": { + "text": "SEO is becoming increasingly relevant as the internet keeps growing. While most web developers usually have little experience with SEO, it is not particularly difficult to handle some of the basics. Here are my top SEO tips for web developers:\n\n1. Craft user-friendly URLs and map the appropriately\nFirst and foremost, start at the very beginning, which is your URL slugs. For URL slugs the rule is that you want them to be human-readable, with words separated by dashes and with no random letters or digits added. Secondly, it's a good idea to make sure that parts of your URLs match to a logical structure in your website (e.g. `/blog/posts/awesome-list-of-seo-tips`). Finally, take the time to build a sitemap and redirect any broken or old URLs to new ones. This will help reduce 404 pages.\n\n2. Use structured data to help Google understand your pages\nStructured data is what Google uses to power its featured snippets, those little cards that appear at the top of certain searches. It's a good idea to set up structured data for your pages, which will help you rank higher in search results and possibly even land a featured snippet every once in a while. Just make sure to find the appropriate structured data type and include it in your page and you should be good to go.\n\n3. Set up Google Analytics and Google Search Console\nThis is hardly a new tip, but I think it deserves a spot on the list, as both of these tools are extremely important. Google Analytics allows you to track user behavior and gather data that can help you identify problems and opportunities, while Google Search Console is helpful for figuring out what users are searching for before landing on your website.\n\n4. Keep an eye on your markup, performance and accessibility\nLast but not least, something that is probably already on your list, is optimizing your code. This includes everything from writing semantic markup and keeping requests to a minimum to optimizing for all device types, making your website accessible and ensuring fast load times. Keep in mind that websites have many moving parts that evolve and change over time, so it's a good idea to audit your website often with a tool like Lighthouse.\n\n**Image credit:** [timJ](https://unsplash.com/@the_roaming_platypus?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [Unsplash](https://unsplash.com/s/photos/code?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)\n", + "tags": [ + "seo", + "webdev" + ] + }, + "meta": { + "hash": "ebc2337246ca7925e763034b8f5718f6276afd9252856cad56eff5f6d6ba25f1" + } + }, { "id": "testing-stateful-ui-components", "type": "snippetListing", diff --git a/blog_data/snippets.json b/blog_data/snippets.json index 04b231558..da389548c 100644 --- a/blog_data/snippets.json +++ b/blog_data/snippets.json @@ -7,6 +7,7 @@ "attributes": { "fileName": "10-vs-code-extensions-for-js-developers.md", "cover": "blog_images/10-vs-code-extensions-for-js-developers.jpg", + "excerpt": "As VS Code is steadily gaining popularity, here are my top 10 essential extensions for JavaScript developers that aim to increase productivity.", "authors": [ "chalarangelo" ], @@ -24,6 +25,30 @@ "authorCount": 2 } }, + { + "id": "4-seo-tips-for-developers", + "title": "4 SEO tips for developers", + "type": "blog.list", + "attributes": { + "fileName": "4-seo-tips-for-developers.md", + "cover": "blog_images/4-seo-tips-for-developers.jpg", + "authors": [ + "chalarangelo" + ], + "text": "SEO is becoming increasingly relevant as the internet keeps growing. While most web developers usually have little experience with SEO, it is not particularly difficult to handle some of the basics. Here are my top SEO tips for web developers:\n\n1. Craft user-friendly URLs and map the appropriately\nFirst and foremost, start at the very beginning, which is your URL slugs. For URL slugs the rule is that you want them to be human-readable, with words separated by dashes and with no random letters or digits added. Secondly, it's a good idea to make sure that parts of your URLs match to a logical structure in your website (e.g. `/blog/posts/awesome-list-of-seo-tips`). Finally, take the time to build a sitemap and redirect any broken or old URLs to new ones. This will help reduce 404 pages.\n\n2. Use structured data to help Google understand your pages\nStructured data is what Google uses to power its featured snippets, those little cards that appear at the top of certain searches. It's a good idea to set up structured data for your pages, which will help you rank higher in search results and possibly even land a featured snippet every once in a while. Just make sure to find the appropriate structured data type and include it in your page and you should be good to go.\n\n3. Set up Google Analytics and Google Search Console\nThis is hardly a new tip, but I think it deserves a spot on the list, as both of these tools are extremely important. Google Analytics allows you to track user behavior and gather data that can help you identify problems and opportunities, while Google Search Console is helpful for figuring out what users are searching for before landing on your website.\n\n4. Keep an eye on your markup, performance and accessibility\nLast but not least, something that is probably already on your list, is optimizing your code. This includes everything from writing semantic markup and keeping requests to a minimum to optimizing for all device types, making your website accessible and ensuring fast load times. Keep in mind that websites have many moving parts that evolve and change over time, so it's a good idea to audit your website often with a tool like Lighthouse.\n\n**Image credit:** [timJ](https://unsplash.com/@the_roaming_platypus?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [Unsplash](https://unsplash.com/s/photos/code?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)\n", + "tags": [ + "seo", + "webdev" + ] + }, + "meta": { + "hash": "ebc2337246ca7925e763034b8f5718f6276afd9252856cad56eff5f6d6ba25f1", + "firstSeen": "1579265475", + "lastUpdated": "1579265475", + "updateCount": 2, + "authorCount": 2 + } + }, { "id": "testing-stateful-ui-components", "title": "An approach to testing stateful React components", @@ -31,6 +56,7 @@ "attributes": { "fileName": "testing-stateful-ui-components.md", "cover": "blog_images/testing-stateful-ui-components.jpg", + "excerpt": "Testing stateful React components is by no means a difficult task, but did you know there is an elegant solution that doesn't involve testing state directly?", "authors": [ "chalarangelo" ],