{"id":9756,"date":"2023-06-05T12:46:25","date_gmt":"2023-06-05T12:46:25","guid":{"rendered":"https:\/\/craighordlow.com\/index.php\/2023\/06\/05\/how-to-create-an-seo-chrome-extension-using-chatgpt\/"},"modified":"2023-06-05T12:46:25","modified_gmt":"2023-06-05T12:46:25","slug":"how-to-create-an-seo-chrome-extension-using-chatgpt","status":"publish","type":"post","link":"https:\/\/craighordlow.com\/index.php\/2023\/06\/05\/how-to-create-an-seo-chrome-extension-using-chatgpt\/","title":{"rendered":"How to create an SEO Chrome extension using ChatGPT"},"content":{"rendered":"<p>Chrome extensions provide a quick and easy way to execute boring and repetitive tasks. Extensions can be a huge time saver in SEO. But many still don\u2019t focus on building them.<\/p>\n<p>One reason is that some marketers are unable to code complex tools, so they use whatever tool is available. That said, you don\u2019t always need to invest your time learning difficult skills or spending money on an expensive developer to build a new complex tool.<\/p>\n<p>Now, you can use ChatGPT to build your own customized SEO extensions, upload them on Google and use them daily for free. Here\u2019s how.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_81 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/craighordlow.com\/index.php\/2023\/06\/05\/how-to-create-an-seo-chrome-extension-using-chatgpt\/#Step_1_Define_the_requirements\" >Step 1: Define the requirements<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/craighordlow.com\/index.php\/2023\/06\/05\/how-to-create-an-seo-chrome-extension-using-chatgpt\/#Information_requirements\" >Information requirements<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/craighordlow.com\/index.php\/2023\/06\/05\/how-to-create-an-seo-chrome-extension-using-chatgpt\/#Feature_and_behavior_requirements\" >Feature and behavior requirements<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/craighordlow.com\/index.php\/2023\/06\/05\/how-to-create-an-seo-chrome-extension-using-chatgpt\/#Step_2_Write_a_detailed_description_for_ChatGPT\" >Step 2: Write a detailed description for ChatGPT<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/craighordlow.com\/index.php\/2023\/06\/05\/how-to-create-an-seo-chrome-extension-using-chatgpt\/#Step_3_Ask_ChatGPT_to_write_the_code\" >Step 3: Ask ChatGPT to write the code<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/craighordlow.com\/index.php\/2023\/06\/05\/how-to-create-an-seo-chrome-extension-using-chatgpt\/#Manifestjson\" >Manifest.json<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/craighordlow.com\/index.php\/2023\/06\/05\/how-to-create-an-seo-chrome-extension-using-chatgpt\/#Popuphtml\" >Popup.html<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/craighordlow.com\/index.php\/2023\/06\/05\/how-to-create-an-seo-chrome-extension-using-chatgpt\/#Popup_JS\" >Popup JS<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/craighordlow.com\/index.php\/2023\/06\/05\/how-to-create-an-seo-chrome-extension-using-chatgpt\/#Contentjs\" >Content.js<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/craighordlow.com\/index.php\/2023\/06\/05\/how-to-create-an-seo-chrome-extension-using-chatgpt\/#Step_4_Export_the_ChatGPT_codes_into_files\" >Step 4: Export the ChatGPT codes into files<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/craighordlow.com\/index.php\/2023\/06\/05\/how-to-create-an-seo-chrome-extension-using-chatgpt\/#Download_the_Sublime_Text_app\" >Download the Sublime Text app\u00a0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/craighordlow.com\/index.php\/2023\/06\/05\/how-to-create-an-seo-chrome-extension-using-chatgpt\/#Copy_and_paste_the_codes\" >Copy and paste the codes<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/craighordlow.com\/index.php\/2023\/06\/05\/how-to-create-an-seo-chrome-extension-using-chatgpt\/#Step_5_Upload_the_files_into_the_Chrome_extension_account\" >Step 5: Upload the files into the Chrome extension account<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/craighordlow.com\/index.php\/2023\/06\/05\/how-to-create-an-seo-chrome-extension-using-chatgpt\/#Step_6_Troubleshooting_and_cleaning_up_the_code\" >Step 6: Troubleshooting and cleaning up the code<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/craighordlow.com\/index.php\/2023\/06\/05\/how-to-create-an-seo-chrome-extension-using-chatgpt\/#Deprecated_manifest_version\" >Deprecated manifest version<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/craighordlow.com\/index.php\/2023\/06\/05\/how-to-create-an-seo-chrome-extension-using-chatgpt\/#Failed_to_load_extension\" >Failed to load extension<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/craighordlow.com\/index.php\/2023\/06\/05\/how-to-create-an-seo-chrome-extension-using-chatgpt\/#Start_creating_your_own_SEO_Chrome_extensions\" >Start creating your own SEO Chrome extensions<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Step_1_Define_the_requirements\"><\/span>Step 1: Define the requirements<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Having a clear understanding of what you want your Chrome extension to do is the first step in this process. I\u2019d advise content marketers to think about this before they start prompting ChatGPT and write down specific and clear requirements.<\/p>\n<p>Requirements are normally of two types:\u00a0<\/p>\n<p><strong>The task<\/strong>: What do you need your extension to do?<\/p>\n<p><strong>The feature<\/strong>: How do you want your extension to present you with the information?<\/p>\n<p><strong>Disclaimer<\/strong>: This process is meant for building an extension that works only on your computer, which means you won\u2019t be able to sell it or make it available on Chrome Web Store. For that to happen, you\u2019ll have to comply with Google guidelines, which can be <a href=\"https:\/\/developer.chrome.com\/docs\/webstore\/\" target=\"_blank\" rel=\"noopener noreferrer\">found here<\/a>.<\/p>\n<p>For this guide, we\u2019ll use the example of a simple SEO Chrome extension I built myself. So here are my requirements.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Information_requirements\"><\/span>Information requirements<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>I want my SEO Chrome extension to tell me all the page elements for a quick overview of the page, without having to go into the page backend code to check them out:<\/p>\n<p>Page title<\/p>\n<p>Meta description<\/p>\n<p>Copy headers<\/p>\n<p>Internal Links, including URLs list<\/p>\n<p>Images, including URLs<\/p>\n<p>Canonical URL<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Feature_and_behavior_requirements\"><\/span>Feature and behavior requirements<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>I want my extension to show me a popup window when I click the extension icon on the Chrome browser.<\/p>\n<p>Below you can see what we will build and how it will display on Chrome. <\/p>\n<div class=\"wp-block-image\">\n<\/div>\n<p>Note: This is a basic version of the extension that doesn\u2019t include CSS styling for simplicity. What we focus on in this guide is the actual functionality, not the style.<\/p>\n<p>As you can see in the image above, you\u2019ll need to ensure that the results of the extensions will be visible to you on your Chrome tab as a pop-up window.\u00a0<\/p>\n<p>Most SEO extensions work this way, they provide you with the information you need on a pop-up window when you click the extension icon.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Step_2_Write_a_detailed_description_for_ChatGPT\"><\/span>Step 2: Write a detailed description for ChatGPT<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Now that you are ready for prompting on a potential SEO extension, you can head to ChatGPT to write the detailed instructions. Again, your prompt need to be as specific and as detailed as possible.\u00a0<\/p>\n<p>Most prompts I see marketers using are not long, they are very short. And from short prompts, you\u2019ll get poor results.\u00a0<\/p>\n<p>Here is how you can do it:\u00a0<\/p>\n<p>First, you need to give ChatGPT some goals. To do this, you can use the same requirement we saw in Step 1 in addition to a command line:<\/p>\n<p><em>\u201cWrite me the code of a Chrome extension that helps me identify on-page SEO elements on any website. Elements to identify: H1, H2, H3, page title, meta description, canonical URL, number of H1 and H2 and number of internal links (including URLs).\u201d<\/em><\/p>\n<p>Now that you gave ChatGPT the goals you want to achieve, it\u2019s time to specify exactly how you need your extension to behave. For this, we\u2019ll be using the pop-up window feature with buttons. Here is how you can do this part:<\/p>\n<p><em>\u201cFeature of the Chrome extension: when the extension is clicked, a window will appear. The window includes a clickable menu. In the menu, you show me three buttons. The first button shows me the instructions on how to use the extension. In the second button, I see the H1, H2, H3, page title, meta description and canonical URL. In the third button, I see the number of H1 and H2, the number of internal links (including URLs).\u201d<\/em><\/p>\n<p>We need to be very specific about what we want to achieve. To do this, you\u2019ll have to add the last paragraph of the prompt specifying how to need to upload the prompt.\u00a0<\/p>\n<p><em>\u201cGive me each file separately and with their names.\u201d<\/em><\/p>\n<p>This way, you are asking ChatGPT to split the files into parts. This is important because of Step 4. So hang on in there.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Step_3_Ask_ChatGPT_to_write_the_code\"><\/span>Step 3: Ask ChatGPT to write the code<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Finally, it\u2019s time to take all of the sentences we wrote, copy them and paste them into ChatGPT:<\/p>\n<div class=\"wp-block-image\">\n<\/div>\n<p>One of the best functionalities of ChatGPT is the ability to write code without any issues.\u00a0<\/p>\n<p>That\u2019s why, according to our instructions, ChatGPT will provide you with four separate codes.\u00a0<\/p>\n<p><strong>Note<\/strong>: When you create a new Chrome extension, you normally need to provide several types of files, depending on how complex it is. For this example, we only need four types of files to upload inside the Chrome Account:<\/p>\n<p>Manifest.json\u00a0<\/p>\n<p>Popup.html<\/p>\n<p>Popup.js<\/p>\n<p>Content.js<\/p>\n<p>Using ChatGPT means that marketers don\u2019t need to learn how to build these technical files, and that\u2019s the whole point of this guide, but it\u2019s still important to know what they are for.\u00a0<\/p>\n<p>Additionally, I\u2019d recommend digital marketing experts learn as much as possible about these files as they need to troubleshoot possible technical issues and figure out how to make their extensions work better. Google has a specific guide on <a href=\"https:\/\/developer.chrome.com\/docs\/extensions\/reference\/browserAction\/\" target=\"_blank\" rel=\"noopener noreferrer\">Chrome Browser Actions<\/a> if you want to learn more.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Manifestjson\"><\/span>Manifest.json<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The manifest.json file is a configuration file required for every Chrome extension.\u00a0<\/p>\n<p>It contains metadata about the extension, such as its name, version, description, icons, and permissions. It also specifies the default popup file to be displayed when the extension is clicked.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Popuphtml\"><\/span>Popup.html<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The popup.html file represents the user interface (UI) of the Chrome extension. It defines the layout and content that will be displayed when the extension\u2019s icon is clicked.\u00a0<\/p>\n<p>In this case, it includes buttons for instructions, SEO elements, and statistics, as well as a results section to display the gathered information.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Popup_JS\"><\/span>Popup JS<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The popup.js file contains the JavaScript code that interacts with the UI of the Chrome extension.\u00a0<\/p>\n<p>It handles button clicks and sends messages to the content script (not included in the provided code) to retrieve SEO elements from the currently active webpage.\u00a0<\/p>\n<p>It also updates the UI to display the retrieved information in the results section when the corresponding buttons are clicked.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Contentjs\"><\/span>Content.js<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The content.js file is responsible for interacting with the web page\u2019s content and extracting the necessary data.\u00a0<\/p>\n<p>In this case, it listens for messages from the popup and performs the tasks.<\/p>\n<p><!-- START INLINE FORM --><\/p>\n<div class=\"nl-inline-form border py-2 px-1 my-2\">\n<div class=\"row align-items-center\">\n<div class=\"col-12 col-lg-3 col-xl-4 pe-md-0 pb-2 pb-lg-0\">\n<p class=\"inline-form-text text-center mb-0\">Get the daily newsletter search marketers rely on.<\/p>\n<\/div>\n<div class=\"col-12 col-lg-7 col-xl-6  pe-lg-0\">\n<div class=\"form-nl-inline\">\n<div class=\"row g-0\">\n<div class=\"form-group col-12 col-lg-8 mb-0\"><\/div>\n<div class=\"col-12 col-lg-4 col-xl-4 mb-0\">\n<div class=\"d-none\">\n<p>Processing\u2026Please wait.<\/p>\n<\/div>\n<p>\t\t\t\t\t\t\t<button class=\"btn btn-dark inlineButton w-100 rounded-0 font-weight-bold\">SUBSCRIBE<\/button>\n\t\t\t\t\t\t<\/p><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"col-12 col-lg-2 col-xl-2 ps-1\">\n<p class=\"text-center mb-0\"><a class=\"nl-terms\" href=\"https:\/\/searchengineland.com\/termsofuse\" target=\"_blank\" rel=\"noopener noreferrer\">See terms.<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- END INLINE FORM --><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Step_4_Export_the_ChatGPT_codes_into_files\"><\/span>Step 4: Export the ChatGPT codes into files<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Now that we have the codes and the three types of files, the next step is to download these files&#8217; information into a digestible format for the Chrome Extension.\u00a0<\/p>\n<p>Here is how you can do this:\u00a0<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Download_the_Sublime_Text_app\"><\/span>Download the Sublime Text app\u00a0<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Sublime Text is a shareable editor that natively supports all programming languages and markup languages. Users can download the files and upload them somewhere else.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Copy_and_paste_the_codes\"><\/span>Copy and paste the codes<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Now that we have the codes and Sublime Text, we need to copy the codes from ChatGPT and paste them into the required Sublime Text tabs, before we can download them on our desktops.\u00a0<\/p>\n<p>In each separate tab, we will paste the codes:\u00a0<\/p>\n<div class=\"wp-block-image\">\n<\/div>\n<p>Once you press \u201cPaste,\u201d there will be sometimes a tab without a title that looks like this;<\/p>\n<div class=\"wp-block-image\">\n<\/div>\n<p>It\u2019s worth mentioning that in the code examples I am using for this guide, the Sublime Text app doesn\u2019t pick up titles automatically, so you\u2019ll have to manually add them.\u00a0<\/p>\n<p>When you save the files on your desktop, you\u2019ll be able to change the names of the files. However, this will not affect your extension.<\/p>\n<div class=\"wp-block-image\">\n<\/div>\n<p>You can save all the files into a specific folder that you can call \u201cMy SEO extension\u201d or something like that.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Step_5_Upload_the_files_into_the_Chrome_extension_account\"><\/span>Step 5: Upload the files into the Chrome extension account<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Now that we have completed the hardest part of this guide, writing the code, it\u2019s time to upload the files into your account.\u00a0<\/p>\n<p>For you to do this, you need to open your Chrome extensions dashboard here: chrome:\/\/extensions\/<\/p>\n<p>Once inside, follow these steps to correctly upload your files:\u00a0<\/p>\n<p>Switch on the \u201cDeveloper mode\u201d on the top right of your browser. This will allow you to open the upload function.<\/p>\n<div class=\"wp-block-image\">\n<\/div>\n<p>Click \u201cLoad Unpacked\u201d to find and select your 4 files for the upload.<\/p>\n<p>When you press \u201cLoad Unpacked,\u201d this window will open if you are on a Mac.<\/p>\n<div class=\"wp-block-image\">\n<\/div>\n<p>Upload all four files into the Chrome extension dashboard. If you have done everything correctly, you\u2019ll see your extension in the list like this:\u00a0<\/p>\n<div class=\"wp-block-image\">\n<\/div>\n<p>At this point, your extension is almost ready to be tested.\u00a0<\/p>\n<p>We built the extension with three buttons:\u00a0<\/p>\n<p>The instruction button to learn how to use it.<\/p>\n<p>The SEO on-page elements button.<\/p>\n<p>The Links button.\u00a0<\/p>\n<p>Each button you click will give you the ability to read the on-page information and make a quick assessment of whether the page is correctly optimized for search.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Step_6_Troubleshooting_and_cleaning_up_the_code\"><\/span>Step 6: Troubleshooting and cleaning up the code<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Don\u2019t worry if you see errors in your Chrome extension, these are unavoidable but easily fixable. <\/p>\n<p>With the current version of ChatGPT, the code refers to Google\u2019s guidelines before December 2021, and many things changed since then.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Deprecated_manifest_version\"><\/span>Deprecated manifest version<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>This means the code can be old and not updated to the latest version of Chrome extension requirements for your manifest file.\u00a0<\/p>\n<p>One of these errors is showing that the Manifest.json file is deprecated, which means Google wants you to update from January 2023.\u00a0<\/p>\n<p>It\u2019s very likely that you encounter this type of error:\u00a0<\/p>\n<div class=\"wp-block-image\">\n<\/div>\n<p>To fix this issue, all you have to do is select <em>\u201cmanifest_version\u201d: 2<\/em> in your Sublime Text file and replace the \u201c2\u201d with the \u201c3\u201d, which is the latest version.<\/p>\n<p>Once done, upload the extension again.\u00a0<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Failed_to_load_extension\"><\/span>Failed to load extension<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>It\u2019s very important to remove any reference to icons and images. <\/p>\n<p>Otherwise, you\u2019ll get an error that says \u201cfail to load extension\u201d. This is because we haven\u2019t specified an URL for the extension icons and images.\u00a0<\/p>\n<div class=\"wp-block-image\">\n<\/div>\n<p>But in this example, we don\u2019t have to add any images or icons, so it makes sense to remove that part of the code requiring it.\u00a0<\/p>\n<p>Here is how you can do it:\u00a0<\/p>\n<p>Open the Manifest.json file.<\/p>\n<p>Locate the lines of code referring to the icons. In my example, the lines are 6 to 10 and 16 to 20<\/p>\n<div class=\"wp-block-image\">\n<\/div>\n<p>Remove these lines from the code and save your file.\u00a0<\/p>\n<p>Then upload it again in the dashboard.<\/p>\n<p>This time, without the ChatGPT errors, we should have a clean and correct extension ready to be tested again.\u00a0<\/p>\n<p>If you did everything right, this is what you should see \u2013 or something very similar:\u00a0<\/p>\n<div class=\"wp-block-image\">\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"Start_creating_your_own_SEO_Chrome_extensions\"><\/span>Start creating your own SEO Chrome extensions<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>If you are failing again and again, things can become quite frustrating, especially if you don\u2019t know how to code. I know because I have been there.\u00a0<\/p>\n<p>Also, remember that with AI, there are no specific rules for writing proper descriptions of what you need. You might need to update your prompt a few times to make it work as you need it to.<\/p>\n<p>Here is what you can do to mitigate errors and try to fix them:<\/p>\n<p>Copy the error and paste it directly into ChatGPT, asking to fix it. Normally the tool is really good at explaining what is wrong with the code in simple terms. Then make the improvements recommended.<\/p>\n<p>Try removing some of the extension requirements if you feel your code is just too long and complex. Start small. Maybe create just an extension for finding out the page title. Once tested successfully, add new requirements and test again.<\/p>\n<p>If ChatGPT doesn\u2019t provide you with a good solution, use the good old Google. Chances are many people before you have resolved it already.<\/p>\n<p>Hopefully, with this detailed guide, you can start harnessing the power of ChatGPT and learn how to build your next SEO extension.\u00a0<\/p>\n<p>The post <a href=\"https:\/\/searchengineland.com\/chatgpt-seo-chrome-extension-427841\" target=\"_blank\" rel=\"noopener\">How to create an SEO Chrome extension using ChatGPT<\/a> appeared first on <a href=\"https:\/\/searchengineland.com\/\" target=\"_blank\" rel=\"noopener\">Search Engine Land<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Chrome extensions provide a quick and easy way to execute boring and repetitive tasks. Extensions can be a huge time saver in SEO. But many still don\u2019t focus on building them. One reason is that some marketers are unable to code complex tools, so they use whatever tool is available. That said, you don\u2019t always need to invest your time learning difficult skills or spending money on an expensive developer to build a new complex tool. Now, you can use ChatGPT to build your own customized [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"h5ap_radio_sources":[],"cybocfi_hide_featured_image":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-9756","post","type-post","status-publish","format-standard","hentry","category-best-seo-blogs"],"featured_image_src":null,"featured_image_src_square":null,"author_info":{"display_name":false,"author_link":"https:\/\/craighordlow.com\/author\/"},"_links":{"self":[{"href":"https:\/\/craighordlow.com\/index.php\/wp-json\/wp\/v2\/posts\/9756","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/craighordlow.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/craighordlow.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/craighordlow.com\/index.php\/wp-json\/wp\/v2\/comments?post=9756"}],"version-history":[{"count":0,"href":"https:\/\/craighordlow.com\/index.php\/wp-json\/wp\/v2\/posts\/9756\/revisions"}],"wp:attachment":[{"href":"https:\/\/craighordlow.com\/index.php\/wp-json\/wp\/v2\/media?parent=9756"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/craighordlow.com\/index.php\/wp-json\/wp\/v2\/categories?post=9756"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/craighordlow.com\/index.php\/wp-json\/wp\/v2\/tags?post=9756"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}