{"id":5752,"date":"2019-01-21T22:59:26","date_gmt":"2019-01-21T21:59:26","guid":{"rendered":"https:\/\/marcodiversi.com\/blog\/?p=5752"},"modified":"2022-12-16T21:27:34","modified_gmt":"2022-12-16T20:27:34","slug":"how-to-view-source-code","status":"publish","type":"post","link":"https:\/\/marcodiversi.com\/blog\/how-to-view-source-code\/","title":{"rendered":"How To View Source Code Of Any Website And Why"},"content":{"rendered":"<p style=\"text-align: justify;\">Do you have an idea about<strong><span style=\"text-decoration: underline;\"> how to view the\u00a0source code<\/span><\/strong> of any website and <strong><span style=\"text-decoration: underline;\">why it can be a good idea<\/span><\/strong> if you start <span style=\"text-decoration: underline;\">reading<\/span> <strong>it?<\/strong><\/p>\n<p style=\"text-align: justify;\">Most of the <span style=\"text-decoration: underline;\">people<\/span> don&#8217;t know it, but you can <span style=\"text-decoration: underline;\">look<\/span> at the <span style=\"text-decoration: underline;\">source cod<\/span>e of any <span style=\"text-decoration: underline;\"><strong>website<\/strong><\/span> very <span style=\"text-decoration: underline;\">easily<\/span>.<\/p>\n<blockquote>\n<p style=\"text-align: justify;\">I am <span style=\"text-decoration: underline;\">here<\/span> to <span style=\"text-decoration: underline;\">tell yo<\/span>u <strong><span style=\"text-decoration: underline;\">how to do i<\/span><\/strong>t, <strong><span style=\"text-decoration: underline;\">why you should do it<\/span><\/strong> and I am going to<span style=\"text-decoration: underline;\"> teach you how to do it.<\/span><\/p>\n<\/blockquote>\n<p style=\"text-align: justify;\">All the <span style=\"text-decoration: underline;\">stuff<\/span> that you <span style=\"text-decoration: underline;\">see rendered<\/span> on <strong><span style=\"text-decoration: underline;\">browsers<\/span><\/strong> comes from\u00a0<span style=\"text-decoration: underline;\">thousands<\/span> of <span style=\"text-decoration: underline;\">lines of codes.<\/span>\u00a0Generally speaking, these lines of code mak<span style=\"text-decoration: underline;\">e not a lot of sens<\/span>e to a <strong><span style=\"text-decoration: underline;\">simple<\/span><\/strong> human.<\/p>\n<blockquote>\n<p style=\"text-align: justify;\"><span style=\"text-decoration: underline;\">Google<\/span> can see y<span style=\"text-decoration: underline;\">our websit<\/span>e only <span style=\"text-decoration: underline;\">through the code<\/span> that you <strong><span style=\"text-decoration: underline;\">write<\/span><\/strong> for your <span style=\"text-decoration: underline;\">sites.<\/span>\u00a0If you <span style=\"text-decoration: underline;\">write bad code<\/span> and your <span style=\"text-decoration: underline;\">website<\/span> looks <span style=\"text-decoration: underline;\">beautiful<\/span>\u00a0Google and <span style=\"text-decoration: underline;\">search engines<\/span> won&#8217;t <span style=\"text-decoration: underline;\">know<\/span> it.<\/p>\n<\/blockquote>\n<p style=\"text-align: justify;\">If you are <span style=\"text-decoration: underline;\">making <strong>mistakes\u00a0behind the scenes,<\/strong><\/span> you will be <span style=\"text-decoration: underline;\">sooner<\/span> or later <span style=\"text-decoration: underline;\">penalized<\/span> and you <span style=\"text-decoration: underline;\">will not rank.<\/span><\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5754\" src=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/how-to-read-source-code.jpg?resize=640%2C360&#038;ssl=1\" alt=\"how to view source code\" width=\"640\" height=\"360\" srcset=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/how-to-read-source-code.jpg?w=1280&amp;ssl=1 1280w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/how-to-read-source-code.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/how-to-read-source-code.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/how-to-read-source-code.jpg?resize=768%2C432&amp;ssl=1 768w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p style=\"text-align: justify;\">This is <span style=\"text-decoration: underline;\">why<\/span> I am <span style=\"text-decoration: underline;\">here today<\/span> to t<span style=\"text-decoration: underline;\">each you how<\/span> to <span style=\"text-decoration: underline;\">view\u00a0source code<\/span> and <span style=\"text-decoration: underline;\">how to understand\u00a0<\/span>some <strong>basic<\/strong> <span style=\"text-decoration: underline;\">concept<\/span> and <span style=\"text-decoration: underline;\">things<\/span> that <span style=\"text-decoration: underline;\">need to be done<\/span> to have an <a href=\"https:\/\/marcodiversi.com\/blog\/seo\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"text-decoration: underline;\">SEO<\/span> friendly <\/a><strong><a href=\"https:\/\/marcodiversi.com\/blog\/seo\/\" target=\"_blank\" rel=\"noopener noreferrer\">site<\/a>.<\/strong><\/p>\n<p>&nbsp;<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-flat 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'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/marcodiversi.com\/blog\/how-to-view-source-code\/#How_To_View_Source_Code\" >How To View Source Code<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/marcodiversi.com\/blog\/how-to-view-source-code\/#How_To_Search_For_Things_In_The_Source_Code\" >How To Search For Things In The Source Code<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/marcodiversi.com\/blog\/how-to-view-source-code\/#What_To_Search_On_The_Website_Source_Code\" >What To Search On The Website Source Code?<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/marcodiversi.com\/blog\/how-to-view-source-code\/#The_Title_Tag\" >The Title Tag<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/marcodiversi.com\/blog\/how-to-view-source-code\/#The_Meta_Description_Tags\" >The Meta Description Tags<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/marcodiversi.com\/blog\/how-to-view-source-code\/#The_Slug\" >The Slug<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/marcodiversi.com\/blog\/how-to-view-source-code\/#The_Meta_Verification_Tags\" >The Meta Verification Tags<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/marcodiversi.com\/blog\/how-to-view-source-code\/#The_Link_Tags\" >The Link Tags<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/marcodiversi.com\/blog\/how-to-view-source-code\/#The_Head_Tags\" >The Head Tags<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/marcodiversi.com\/blog\/how-to-view-source-code\/#The_Body_Tags\" >The Body Tags<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/marcodiversi.com\/blog\/how-to-view-source-code\/#The_Footer_Tags\" >The Footer Tags<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/marcodiversi.com\/blog\/how-to-view-source-code\/#The_Scripts_Tags\" >The Scripts Tags<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/marcodiversi.com\/blog\/how-to-view-source-code\/#The_H_Tags\" >The H Tags<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/marcodiversi.com\/blog\/how-to-view-source-code\/#The_P_Tags\" >The P Tags<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/marcodiversi.com\/blog\/how-to-view-source-code\/#The_Rel_Attribute\" >The Rel Attribute<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/marcodiversi.com\/blog\/how-to-view-source-code\/#ALT_Tag\" >ALT Tag<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/marcodiversi.com\/blog\/how-to-view-source-code\/#The_Sitemap\" >The Sitemap<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/marcodiversi.com\/blog\/how-to-view-source-code\/#The_robotstxt_File\" >The robots.txt File<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/marcodiversi.com\/blog\/how-to-view-source-code\/#How_To_Edit_The_Source_Code\" >How To Edit The Source Code<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/marcodiversi.com\/blog\/how-to-view-source-code\/#How_To_Edit_Source_Code_With_WordPress\" >How To Edit Source Code With WordPress<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/marcodiversi.com\/blog\/how-to-view-source-code\/#Conclusions\" >Conclusions<\/a><\/li><\/ul><\/nav><\/div>\n<h2 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"How_To_View_Source_Code\"><\/span>How To View Source Code<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: justify;\">There <span style=\"text-decoration: underline;\">are<\/span> a <span style=\"text-decoration: underline;\">lot of way<\/span>s you can use to <span style=\"text-decoration: underline;\">view the source code<\/span> of any <strong><span style=\"text-decoration: underline;\">website.<\/span><\/strong>\u00a0But generally speaking, if you a<span style=\"text-decoration: underline;\">re a newb<\/span>ie you <strong><span style=\"text-decoration: underline;\">might<\/span><\/strong>\u00a0want to start with <span style=\"text-decoration: underline;\">the source code<\/span> of a <span style=\"text-decoration: underline;\">website<\/span> on a <strong><span style=\"text-decoration: underline;\">browser.<\/span><\/strong><\/p>\n<p style=\"text-align: justify;\">Here <span style=\"text-decoration: underline;\">on this tabl<\/span>e, I will <strong><span style=\"text-decoration: underline;\">show<\/span><\/strong> you the <span style=\"text-decoration: underline;\">shortcuts<\/span> you can use on a <strong>PC<\/strong> and on A <strong>Mac<\/strong> depending on the <span style=\"text-decoration: underline;\">browser<\/span> you are <strong>using<\/strong>.<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\"><div class=\"supsystic-table-loader la-square-jelly-box la-2x\" style=\"color:#18bc9b\"><div><\/div><div><\/div><\/div><div id=\"supsystic-table-4_72079\" class=\"supsystic-tables-wrap \" style=\" visibility: hidden; \" ><table id=\"supsystic-table-4\" class=\"supsystic-table paragraphMode border stripe lightboxImg cell-border\" data-id=\"4\" data-view-id=\"4_72079\" data-title=\"How To View Source Code\" data-currency-format=\"$1,000.00\" data-percent-format=\"10.00%\" data-date-format=\"DD.MM.YYYY\" data-time-format=\"HH:mm\" data-features=\"[&quot;after_table_loaded_script&quot;,&quot;auto_width&quot;]\" data-search-value=\"\" data-lightbox-img=\"\" data-head-rows-count=\"1\" data-pagination-length=\"50,100,All\" data-auto-index=\"off\" data-searching-settings=\"{&quot;columnSearchPosition&quot;:&quot;bottom&quot;,&quot;minChars&quot;:&quot;0&quot;}\" data-lang=\"default\" data-override=\"{&quot;emptyTable&quot;:&quot;&quot;,&quot;info&quot;:&quot;&quot;,&quot;infoEmpty&quot;:&quot;&quot;,&quot;infoFiltered&quot;:&quot;&quot;,&quot;lengthMenu&quot;:&quot;&quot;,&quot;search&quot;:&quot;&quot;,&quot;zeroRecords&quot;:&quot;&quot;,&quot;exportLabel&quot;:&quot;&quot;,&quot;file&quot;:&quot;default&quot;}\" data-merged=\"[]\" data-responsive-mode=\"2\" data-from-history=\"0\" ><thead><tr><th class=\"\" style=\"width:; padding: 0 !important;\"><\/th><th class=\"\" style=\"width:; padding: 0 !important;\"><\/th><th class=\"\" style=\"width:; padding: 0 !important;\"><\/th><\/tr><\/thead><tbody><tr style=\"height:px\" ><td data-cell-id=\"A1\" data-x=\"0\" data-y=\"1\" data-db-index=\"1\" class=\"color-000000 bg-fcfcfc\" data-cell-type=\"text\" data-original-value=\"\" data-order=\"\" ><\/td><td data-cell-id=\"B1\" data-x=\"1\" data-y=\"1\" data-db-index=\"1\" class=\"htCenter color-ffffff bg-000000\" data-cell-type=\"text\" data-original-value=\"MAC\" data-order=\"MAC\" >MAC <\/td><td data-cell-id=\"C1\" data-x=\"2\" data-y=\"1\" data-db-index=\"1\" class=\"htCenter bg-4008f7 color-ffffff\" data-cell-type=\"text\" data-original-value=\"PC\" data-order=\"PC\" >PC <\/td><\/tr><tr style=\"height:px\" ><td data-cell-id=\"A2\" data-x=\"0\" data-y=\"2\" data-db-index=\"2\" class=\"color-000000 bg-18bc9b\" data-cell-type=\"text\" data-original-value=\"Chrome\" data-order=\"Chrome\" >Chrome <\/td><td data-cell-id=\"B2\" data-x=\"1\" data-y=\"2\" data-db-index=\"2\" class=\"htCenter color-000000 bg-fcfcfc\" data-cell-type=\"text\" data-original-value=\"OPTION+COMMAND+U&lt;br \/&gt; or&lt;br \/&gt; Mouse Right Click &amp; View Page Source\" data-order=\"OPTION+COMMAND+U&lt;br \/&gt; or&lt;br \/&gt; Mouse Right Click &amp; View Page Source\" >OPTION+COMMAND+U<br \/> or<br \/> Mouse Right Click & View Page Source <\/td><td data-cell-id=\"C2\" data-x=\"2\" data-y=\"2\" data-db-index=\"2\" class=\"htCenter color-000000 bg-fcfcfc\" data-cell-type=\"text\" data-original-value=\"CTRL+U&lt;br \/&gt; or&lt;br \/&gt; Mouse Right Click &amp; View Page Source\" data-order=\"CTRL+U&lt;br \/&gt; or&lt;br \/&gt; Mouse Right Click &amp; View Page Source\" >CTRL+U<br \/> or<br \/> Mouse Right Click & View Page Source <\/td><\/tr><tr style=\"height:px\" ><td data-cell-id=\"A3\" data-x=\"0\" data-y=\"3\" data-db-index=\"3\" class=\"color-000000 bg-18bc9b\" data-cell-type=\"text\" data-original-value=\"Firefox\" data-order=\"Firefox\" >Firefox <\/td><td data-cell-id=\"B3\" data-x=\"1\" data-y=\"3\" data-db-index=\"3\" class=\"htCenter color-000000 bg-fcfcfc\" data-cell-type=\"text\" data-original-value=\"COMMAND+U&lt;br \/&gt; or&lt;br \/&gt; Mouse Right Click &amp; View Page Source\" data-order=\"COMMAND+U&lt;br \/&gt; or&lt;br \/&gt; Mouse Right Click &amp; View Page Source\" >COMMAND+U<br \/> or<br \/> Mouse Right Click & View Page Source <\/td><td data-cell-id=\"C3\" data-x=\"2\" data-y=\"3\" data-db-index=\"3\" class=\"htCenter color-000000 bg-fcfcfc\" data-cell-type=\"text\" data-original-value=\"CTRL+U&lt;br \/&gt; or&lt;br \/&gt; Mouse Right Click &amp; View Page Source\" data-order=\"CTRL+U&lt;br \/&gt; or&lt;br \/&gt; Mouse Right Click &amp; View Page Source\" >CTRL+U<br \/> or<br \/> Mouse Right Click & View Page Source <\/td><\/tr><tr style=\"height:px\" ><td data-cell-id=\"A4\" data-x=\"0\" data-y=\"4\" data-db-index=\"4\" class=\"color-000000 bg-18bc9b\" data-cell-type=\"text\" data-original-value=\"Opera\" data-order=\"Opera\" >Opera <\/td><td data-cell-id=\"B4\" data-x=\"1\" data-y=\"4\" data-db-index=\"4\" class=\"htCenter color-000000 bg-fcfcfc\" data-cell-type=\"text\" data-original-value=\"COMMAND+U&lt;br \/&gt; or&lt;br \/&gt; Mouse Right Click &amp; Page Source\" data-order=\"COMMAND+U&lt;br \/&gt; or&lt;br \/&gt; Mouse Right Click &amp; Page Source\" >COMMAND+U<br \/> or<br \/> Mouse Right Click & Page Source <\/td><td data-cell-id=\"C4\" data-x=\"2\" data-y=\"4\" data-db-index=\"4\" class=\"htCenter color-000000 bg-fcfcfc\" data-cell-type=\"text\" data-original-value=\"CTRL+U&lt;br \/&gt; or&lt;br \/&gt; Mouse Right Click &amp; View Page Source\" data-order=\"CTRL+U&lt;br \/&gt; or&lt;br \/&gt; Mouse Right Click &amp; View Page Source\" >CTRL+U<br \/> or<br \/> Mouse Right Click & View Page Source <\/td><\/tr><tr style=\"height:px\" ><td data-cell-id=\"A5\" data-x=\"0\" data-y=\"5\" data-db-index=\"5\" class=\"color-000000 bg-18bc9b\" data-cell-type=\"text\" data-original-value=\"Vivaldi\" data-order=\"Vivaldi\" >Vivaldi <\/td><td data-cell-id=\"B5\" data-x=\"1\" data-y=\"5\" data-db-index=\"5\" class=\"htCenter color-000000 bg-fcfcfc\" data-cell-type=\"text\" data-original-value=\"COMMAND+U&lt;br \/&gt; or&lt;br \/&gt; Mouse Right Click &amp; View Page Source\" data-order=\"COMMAND+U&lt;br \/&gt; or&lt;br \/&gt; Mouse Right Click &amp; View Page Source\" >COMMAND+U<br \/> or<br \/> Mouse Right Click & View Page Source <\/td><td data-cell-id=\"C5\" data-x=\"2\" data-y=\"5\" data-db-index=\"5\" class=\"htCenter color-000000 bg-fcfcfc\" data-cell-type=\"text\" data-original-value=\"CTRL+U&lt;br \/&gt; or&lt;br \/&gt; Mouse Right Click &amp; View Page Source\" data-order=\"CTRL+U&lt;br \/&gt; or&lt;br \/&gt; Mouse Right Click &amp; View Page Source\" >CTRL+U<br \/> or<br \/> Mouse Right Click & View Page Source <\/td><\/tr><tr style=\"height:px\" ><td data-cell-id=\"A6\" data-x=\"0\" data-y=\"6\" data-db-index=\"6\" class=\"color-000000 bg-18bc9b\" data-cell-type=\"text\" data-original-value=\"Safari\" data-order=\"Safari\" >Safari <\/td><td data-cell-id=\"B6\" data-x=\"1\" data-y=\"6\" data-db-index=\"6\" class=\"htCenter color-000000 bg-fcfcfc\" data-cell-type=\"text\" data-original-value=\"OPTION+COMMAND+U&lt;br \/&gt; or&lt;br \/&gt; Mouse Right Click &amp; View Page Source\" data-order=\"OPTION+COMMAND+U&lt;br \/&gt; or&lt;br \/&gt; Mouse Right Click &amp; View Page Source\" >OPTION+COMMAND+U<br \/> or<br \/> Mouse Right Click & View Page Source <\/td><td data-cell-id=\"C6\" data-x=\"2\" data-y=\"6\" data-db-index=\"6\" class=\"htCenter color-000000 bg-ff0000\" data-cell-type=\"text\" data-original-value=\"\" data-order=\"\" ><\/td><\/tr><tr style=\"height:px\" ><td data-cell-id=\"A7\" data-x=\"0\" data-y=\"7\" data-db-index=\"7\" class=\"color-000000 bg-18bc9b\" data-cell-type=\"text\" data-original-value=\"Internet Explorer\" data-order=\"Internet Explorer\" >Internet Explorer <\/td><td data-cell-id=\"B7\" data-x=\"1\" data-y=\"7\" data-db-index=\"7\" class=\"htCenter color-000000 bg-ff0004\" data-cell-type=\"text\" data-original-value=\"\" data-order=\"\" ><\/td><td data-cell-id=\"C7\" data-x=\"2\" data-y=\"7\" data-db-index=\"7\" class=\"htCenter color-000000 bg-fcfcfc\" data-cell-type=\"text\" data-original-value=\"CTRL+U&lt;br \/&gt; or&lt;br \/&gt; Mouse Right Click &amp; View Page Source\" data-order=\"CTRL+U&lt;br \/&gt; or&lt;br \/&gt; Mouse Right Click &amp; View Page Source\" >CTRL+U<br \/> or<br \/> Mouse Right Click & View Page Source <\/td><\/tr><\/tbody><\/table><!-- \/#supsystic-table-4.supsystic-table --><\/div><!-- \/.supsystic-tables-wrap --><!-- Tables Generator by Supsystic --><!-- Version:1.11.0 --><!-- http:\/\/supsystic.com\/ --><a title=\"WordPress Tables Plugin\" style=\"display:none;\" href=\"https:\/\/supsystic.com\/plugins\/wordpress-data-table-plugin\/?utm_medium=love_link\" target=\"_blank\" rel=\"noopener\">WordPress Tables Plugin<\/a>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">All <span style=\"text-decoration: underline;\">you have to do<\/span> is to<strong><span style=\"text-decoration: underline;\"> go to any websit<\/span><\/strong>e and use the <strong><span style=\"text-decoration: underline;\">shortcuts<\/span><\/strong> in the table <span style=\"text-decoration: underline;\">above,<\/span> depending on the <span style=\"text-decoration: underline;\">browser<\/span> you are using.<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">If all <span style=\"text-decoration: underline;\">of this is not enough<\/span>, you can <span style=\"text-decoration: underline;\">geek aroun<\/span>d and just <strong><span style=\"text-decoration: underline;\">add this code:<\/span><\/strong><\/p>\n<p style=\"text-align: justify;\"><code>view-source:<\/code><\/p>\n<p style=\"text-align: justify;\"><span style=\"text-decoration: underline;\">before any URL<\/span> you <span style=\"text-decoration: underline;\">want<\/span> to read the<span style=\"text-decoration: underline;\"> source cod<\/span>e, for instance:<\/p>\n<p style=\"text-align: justify;\"><code>view-source:https:\/\/marcodiversi.com<\/code><\/p>\n<p>&nbsp;<\/p>\n<blockquote>\n<p style=\"text-align: justify;\">This <span style=\"text-decoration: underline;\">trick<\/span> can be used for <span style=\"text-decoration: underline;\">instance<\/span> to v<span style=\"text-decoration: underline;\">iew a website source code on mobile.<\/span><\/p>\n<\/blockquote>\n<p style=\"text-align: justify;\">Then I <span style=\"text-decoration: underline;\">suggest<\/span> you to learn to code a little <span style=\"text-decoration: underline;\">bit<\/span> with <strong><a href=\"https:\/\/www.freecodecamp.org\" target=\"_blank\" rel=\"noopener\">freecodecamp.org<\/a>.<\/strong>\u00a0Complete at <span style=\"text-decoration: underline;\">least<\/span> the <span style=\"text-decoration: underline;\">front\u00a0end developers<\/span> section.<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/www.freecodecamp.org\" class=\"su-button su-button-style-default\" style=\"color:#FFFFFF;background-color:#2D89EF;border-color:#246ec0;border-radius:5px\" target=\"__blank\" rel=\"noopener\"><span style=\"color:#FFFFFF;padding:0px 16px;font-size:13px;line-height:26px;border-color:#6cadf4;border-radius:5px;text-shadow:none\"> LEARN TO CODE FOR FREE <\/span><\/a>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">If you are <span style=\"text-decoration: underline;\">lazy<\/span> to <span style=\"text-decoration: underline;\">learn to cod<\/span>e, I am <span style=\"text-decoration: underline;\">going to tell you<\/span> <strong>how<\/strong> to <span style=\"text-decoration: underline;\">move around the page<\/span> for the <strong><span style=\"text-decoration: underline;\">basic<\/span><\/strong> things.<\/p>\n<p>&nbsp;<\/p>\n<h2 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"How_To_Search_For_Things_In_The_Source_Code\"><\/span>How To Search For Things In The Source Code<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: justify;\">Once <span style=\"text-decoration: underline;\">you<\/span> are on the<span style=\"text-decoration: underline;\">\u00a0website source code page<\/span>, you can <strong><span style=\"text-decoration: underline;\">finally<\/span><\/strong> search for <span style=\"text-decoration: underline;\">things<\/span> and SEO stuff.<\/p>\n<blockquote>\n<p style=\"text-align: justify;\">The <span style=\"text-decoration: underline;\">easiest way<\/span> to find <strong><span style=\"text-decoration: underline;\">stuff<\/span><\/strong> is by using the <strong>CMD+F<\/strong> or <strong>CTRL+F<\/strong> function of <span style=\"text-decoration: underline;\">any browser<\/span> which will allow you <span style=\"text-decoration: underline;\">to find<\/span> text <span style=\"text-decoration: underline;\">within<\/span> the <strong>page<\/strong>.<\/p>\n<\/blockquote>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5793\" src=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/find-on-a-browser.jpg?resize=640%2C104&#038;ssl=1\" alt=\"find on a browser\" width=\"640\" height=\"104\" srcset=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/find-on-a-browser.jpg?w=1278&amp;ssl=1 1278w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/find-on-a-browser.jpg?resize=300%2C49&amp;ssl=1 300w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/find-on-a-browser.jpg?resize=768%2C124&amp;ssl=1 768w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/find-on-a-browser.jpg?resize=1024%2C166&amp;ssl=1 1024w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p style=\"text-align: justify;\">A <strong><span style=\"text-decoration: underline;\">basic nerdy thing\u00a0<\/span><\/strong>you should know is that what is <span style=\"text-decoration: underline;\">visualized<\/span> on a<span style=\"text-decoration: underline;\"> web page<\/span> is mainly made with these <strong><span style=\"text-decoration: underline;\">programming<\/span><\/strong> languages:<\/p>\n<ol style=\"text-align: justify;\">\n<li><strong>HTML<\/strong><\/li>\n<li><strong>CSS<\/strong><\/li>\n<li><strong>JS<\/strong><\/li>\n<\/ol>\n<p style=\"text-align: justify;\"><strong>1.<\/strong> The <span style=\"text-decoration: underline;\">HTML\u00a0<\/span>is usually the <span style=\"text-decoration: underline;\">code<\/span> you are <span style=\"text-decoration: underline;\">able to see usi<\/span>ng the <span style=\"text-decoration: underline;\">view source code<\/span> methods on the <span style=\"text-decoration: underline;\">table above.<\/span><\/p>\n<p style=\"text-align: justify;\">The <span style=\"text-decoration: underline;\">HTML code<\/span> is the <strong><span style=\"text-decoration: underline;\">structure<\/span><\/strong> of the <span style=\"text-decoration: underline;\">website<\/span>, it&#8217;s the e<span style=\"text-decoration: underline;\">asiest language to understand<\/span> and <strong><span style=\"text-decoration: underline;\">probably<\/span><\/strong> the <span style=\"text-decoration: underline;\">only one<\/span> that you <strong><span style=\"text-decoration: underline;\">need<\/span><\/strong> to <span style=\"text-decoration: underline;\">understand<\/span> when it <span style=\"text-decoration: underline;\">comes to SEO<\/span>.<\/p>\n<p style=\"text-align: justify;\"><strong>2.<\/strong> A webpage <span style=\"text-decoration: underline;\">with no CSS<\/span> will <span style=\"text-decoration: underline;\">look<\/span> like a l<span style=\"text-decoration: underline;\">ist of words<\/span> with no <strong><span style=\"text-decoration: underline;\">sense<\/span><\/strong> and <span style=\"text-decoration: underline;\">style<\/span>, the <strong><span style=\"text-decoration: underline;\">CSS code<\/span><\/strong> is the one that <span style=\"text-decoration: underline;\">gives<\/span> your <span style=\"text-decoration: underline;\">page style.<\/span><\/p>\n<p style=\"text-align: justify;\">You can<span style=\"text-decoration: underline;\"> find the CSS cod<\/span>e of any page if <span style=\"text-decoration: underline;\">you<\/span> do a<strong> CMD+F<\/strong> search for:<\/p>\n<p style=\"text-align: justify;\"><code>.css<\/code><\/p>\n<p style=\"text-align: justify;\">You <span style=\"text-decoration: underline;\">will then<\/span> land on<span style=\"text-decoration: underline;\"> some link<\/span>s you can <span style=\"text-decoration: underline;\">click;<\/span>\u00a0if you <span style=\"text-decoration: underline;\">click<\/span> them you will get the <span style=\"text-decoration: underline;\">CSS code<\/span> of that <span style=\"text-decoration: underline;\">page<\/span>. There are <span style=\"text-decoration: underline;\">usually<\/span> several <strong>CSS links.<\/strong><\/p>\n<p style=\"text-align: justify;\"><strong>3.<\/strong> The <span style=\"text-decoration: underline;\">JS cod<\/span>e instead is <span style=\"text-decoration: underline;\">something<\/span> you s<span style=\"text-decoration: underline;\">hould slightly understand<\/span> as <span style=\"text-decoration: underline;\">well<\/span>. It is <strong><span style=\"text-decoration: underline;\">usually<\/span><\/strong> used to create <span style=\"text-decoration: underline;\">special effects<\/span> and or to<span style=\"text-decoration: underline;\"> add script<\/span>s to your <strong><span style=\"text-decoration: underline;\">websites<\/span><\/strong> that are <span style=\"text-decoration: underline;\">doing a specifi<\/span>c job.<\/p>\n<p style=\"text-align: justify;\"><span style=\"text-decoration: underline;\">For instance<\/span>, if you are <span style=\"text-decoration: underline;\">familiar<\/span> with <strong>Google analytics,<\/strong> when you make a <span style=\"text-decoration: underline;\">Google Analytics account<\/span>, Google <span style=\"text-decoration: underline;\">will<\/span> tell you to a<span style=\"text-decoration: underline;\">dd a JS scrip<\/span>t on all the <strong><span style=\"text-decoration: underline;\">pages<\/span><\/strong> where you want to Google analytics to track.<\/p>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"What_To_Search_On_The_Website_Source_Code\"><\/span>What To Search On The Website Source Code?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: justify;\">If you <span style=\"text-decoration: underline;\">own the websit<\/span>e you can <span style=\"text-decoration: underline;\">search<\/span> for <strong>things<\/strong>, <strong>bugs<\/strong> and <strong><span style=\"text-decoration: underline;\">not SEO friendly stuff<\/span><\/strong> so that you can <span style=\"text-decoration: underline;\">modify it<\/span> and <strong>improve<\/strong> it.<\/p>\n<p style=\"text-align: justify;\">If you are <span style=\"text-decoration: underline;\">looking<\/span> at <span style=\"text-decoration: underline;\">somebody<\/span><strong> else website<\/strong> you can just try to <span style=\"text-decoration: underline;\">spy and loo<\/span>k how <strong><span style=\"text-decoration: underline;\">their code looks<\/span><\/strong> like. You can <span style=\"text-decoration: underline;\">improve<\/span> your <strong><span style=\"text-decoration: underline;\">sites<\/span><\/strong> based on the <span style=\"text-decoration: underline;\">info<\/span> you gathered.<\/p>\n<blockquote>\n<p style=\"text-align: justify;\">All of the <span style=\"text-decoration: underline;\">HTML code<\/span> is made of <strong><span style=\"text-decoration: underline;\">tags<\/span><\/strong>, there is <span style=\"text-decoration: underline;\">always an <strong>opening tag<\/strong><\/span><strong>\u00a0&lt;&gt;<\/strong> and a <strong><span style=\"text-decoration: underline;\">closing tag<\/span> &lt;\/&gt;<\/strong>.<\/p>\n<p style=\"text-align: justify;\">Super Simple!<\/p>\n<\/blockquote>\n<p style=\"text-align: justify;\">For instance, if you <span style=\"text-decoration: underline;\">want to create<\/span> a <strong><span style=\"text-decoration: underline;\">title<\/span><\/strong> for your <span style=\"text-decoration: underline;\">site,<\/span> the <span style=\"text-decoration: underline;\">stuff <strong>between the tags<\/strong><\/span> will be what you see into the <span style=\"text-decoration: underline;\">browser<\/span>, while the <strong><span style=\"text-decoration: underline;\">tags<\/span><\/strong> tell search engines who is the <strong>title<\/strong>, i.e.:<\/p>\n<p style=\"text-align: justify;\"><code>&lt;title&gt;This Is The Title Of My Awesome Page&lt;\/title&gt;<\/code><\/p>\n<p style=\"text-align: justify;\">If you have done <span style=\"text-decoration: underline;\">freecodecamp<\/span> a bit your life <span style=\"text-decoration: underline;\">will be easi<\/span>er. If not,\u00a0<strong><span style=\"text-decoration: underline;\">speaking<\/span><\/strong> about SEO here are the\u00a0<span style=\"text-decoration: underline;\">things<\/span> you can check.<\/p>\n<p style=\"text-align: justify;\">The <strong><span style=\"text-decoration: underline;\">title tag<\/span><\/strong>, for instance, is <span style=\"text-decoration: underline;\">very importan<\/span>t, this is <span style=\"text-decoration: underline;\">what will appea<\/span>r on<span style=\"text-decoration: underline;\"><strong> search engine result pages<\/strong><\/span> (SERP).<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5795\" src=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/title-and-meta-description-on-the-serp.jpg?resize=640%2C198&#038;ssl=1\" alt=\"title and meta description on the serp\" width=\"640\" height=\"198\" srcset=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/title-and-meta-description-on-the-serp.jpg?w=1256&amp;ssl=1 1256w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/title-and-meta-description-on-the-serp.jpg?resize=300%2C93&amp;ssl=1 300w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/title-and-meta-description-on-the-serp.jpg?resize=768%2C237&amp;ssl=1 768w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/title-and-meta-description-on-the-serp.jpg?resize=1024%2C316&amp;ssl=1 1024w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p style=\"text-align: justify;\"><strong><span style=\"text-decoration: underline;\">Meta tags<\/span><\/strong> instead are <strong><span style=\"text-decoration: underline;\">invisible<\/span><\/strong> on the <strong><span style=\"text-decoration: underline;\">webpage<\/span><\/strong> but they will help<span style=\"text-decoration: underline;\"> search engines<\/span> to get <span style=\"text-decoration: underline;\">precious<\/span> info. For instance:<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\"><code>&lt;meta <span class=\"html-attribute-name\">content<\/span>=\"This is The Search Engine Snippet Description\" <span class=\"html-attribute-name\">property<\/span>=\"<span class=\"html-attribute-value\">description<\/span>\"&gt;<\/code><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">Although <span style=\"text-decoration: underline;\">Google<\/span> might <strong><span style=\"text-decoration: underline;\">change<\/span><\/strong> this to <span style=\"text-decoration: underline;\">whatever suits him better<\/span>, <strong><span style=\"text-decoration: underline;\">theoretically<\/span><\/strong> this is what you <span style=\"text-decoration: underline;\">want<\/span> <strong>Google<\/strong> to show on the <span style=\"text-decoration: underline;\">SERP.<\/span><\/p>\n<blockquote>\n<p style=\"text-align: justify;\">This <span style=\"text-decoration: underline;\">will<\/span> <strong><span style=\"text-decoration: underline;\">not <\/span><\/strong>be on <span style=\"text-decoration: underline;\">your webpage,<\/span> but these are\u00a0<span style=\"text-decoration: underline;\">info<\/span> that you will give to <span style=\"text-decoration: underline;\">crawlers<\/span>.<\/p>\n<\/blockquote>\n<p style=\"text-align: justify;\">There are a<span style=\"text-decoration: underline;\"> ton of these tags<\/span>, and <strong><span style=\"text-decoration: underline;\">here<\/span><\/strong> I am going to <span style=\"text-decoration: underline;\">list some of the mo<\/span>st <strong>important for SEO<\/strong>.<\/p>\n<p>&nbsp;<\/p>\n<h4 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"The_Title_Tag\"><\/span>The Title Tag<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p style=\"text-align: justify;\"><code>&lt;title&gt;This is a Title&lt;\/title&gt;<\/code><\/p>\n<p style=\"text-align: justify;\">The <span style=\"text-decoration: underline;\">title tag<\/span> is one of <span style=\"text-decoration: underline;\">the most important tag<\/span>s speaking about <strong><span style=\"text-decoration: underline;\">SEO<\/span><\/strong>, you should <span style=\"text-decoration: underline;\">have one<\/span> on <strong><span style=\"text-decoration: underline;\">any page<\/span><\/strong>.<\/p>\n<p style=\"text-align: justify;\">There are <span style=\"text-decoration: underline;\">certain rules<\/span> to <strong><span style=\"text-decoration: underline;\">respect<\/span><\/strong> when it comes to<span style=\"text-decoration: underline;\"> the title ta<\/span>g,\u00a0 here the <strong><span style=\"text-decoration: underline;\">2 most important ones:<\/span><\/strong><\/p>\n<ol style=\"text-align: justify;\">\n<li><em>length<\/em>:\u00a0<strong>50\u201360 characters max.<\/strong><\/li>\n<li><em>unique<\/em>: you need to put <span style=\"text-decoration: underline;\">only one title tag<\/span> per <strong><span style=\"text-decoration: underline;\">page<\/span><\/strong> and you must <strong><span style=\"text-decoration: underline;\">not have duplicate titles<\/span><\/strong> among pages.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5796\" src=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/title-on-serp.jpg?resize=640%2C57&#038;ssl=1\" alt=\"title on serp\" width=\"640\" height=\"57\" srcset=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/title-on-serp.jpg?w=1266&amp;ssl=1 1266w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/title-on-serp.jpg?resize=300%2C27&amp;ssl=1 300w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/title-on-serp.jpg?resize=768%2C69&amp;ssl=1 768w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/title-on-serp.jpg?resize=1024%2C91&amp;ssl=1 1024w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"The_Meta_Description_Tags\"><\/span>The Meta Description Tags<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p style=\"text-align: justify;\"><code>&lt;meta <span class=\"html-attribute-name\">content<\/span>=\"My cool SERP description goes here\" <span class=\"html-attribute-name\">name<\/span>=\"<span class=\"html-attribute-value\">description<\/span>\"&gt;<\/code><\/p>\n<p style=\"text-align: justify;\">There are <span style=\"text-decoration: underline;\">a lot of meta tags<\/span>, and even the &#8216;<span style=\"text-decoration: underline;\">meta<\/span> <strong><span style=\"text-decoration: underline;\">description&#8217;<\/span><\/strong> tag has its <span style=\"text-decoration: underline;\">own variation<\/span>s. For instance, the\u00a0<code><span class=\"html-attribute-name\">property<\/span>=\"<span class=\"html-attribute-value\">og:description<\/span>\"<\/code>\u00a0is the <span style=\"text-decoration: underline;\">description<\/span> for the <span style=\"text-decoration: underline;\">social<\/span> networks <strong>preview<\/strong>.<\/p>\n<p style=\"text-align: justify;\">But for now <span style=\"text-decoration: underline;\">we don&#8217;t car<\/span>e, it is <span style=\"text-decoration: underline;\">essential<\/span> that you <span style=\"text-decoration: underline;\">put a unique meta description<\/span> <strong>tag<\/strong> like for the titles.<\/p>\n<p style=\"text-align: justify;\">This will tell <span style=\"text-decoration: underline;\">Google<\/span> what to <span style=\"text-decoration: underline;\">visualize<\/span>\u00a0in the <strong>snippet. <\/strong>There are <span style=\"text-decoration: underline;\">some best practices to follow<\/span>, and here are the <span style=\"text-decoration: underline;\">2 most important:<\/span><\/p>\n<ol style=\"text-align: justify;\">\n<li><em>length<\/em>: 1<strong>20 to 158 characters max.<\/strong><\/li>\n<li><em>unique<\/em>: you need to<span style=\"text-decoration: underline;\"> put only one meta description per page<\/span> and you <strong><span style=\"text-decoration: underline;\">must<\/span><\/strong> <strong>not<\/strong> have <span style=\"text-decoration: underline;\">duplicate meta<\/span> description <span style=\"text-decoration: underline;\">among<\/span> pages.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5797\" src=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/meta-description-on-serp.jpg?resize=640%2C57&#038;ssl=1\" alt=\"\" width=\"640\" height=\"57\" srcset=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/meta-description-on-serp.jpg?w=1266&amp;ssl=1 1266w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/meta-description-on-serp.jpg?resize=300%2C27&amp;ssl=1 300w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/meta-description-on-serp.jpg?resize=768%2C69&amp;ssl=1 768w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/meta-description-on-serp.jpg?resize=1024%2C91&amp;ssl=1 1024w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"The_Slug\"><\/span>The Slug<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p style=\"text-align: justify;\"><code>https:\/\/marcodiversi.com\/blog\/<strong>semrush-competitive-intelligence\/<\/strong><\/code><\/p>\n<p style=\"text-align: justify;\">The slug is the <span style=\"text-decoration: underline;\">part after the domain name<\/span> of any of your <span style=\"text-decoration: underline;\">web pages<\/span>. This can <span style=\"text-decoration: underline;\">be seen<\/span> on the<span style=\"text-decoration: underline;\"> source code<\/span> and it&#8217;s <span style=\"text-decoration: underline;\">recommended<\/span> to add a <strong><span style=\"text-decoration: underline;\">canonical attribute<\/span><\/strong> to any of your <span style=\"text-decoration: underline;\">unique<\/span> <span style=\"text-decoration: underline;\">pages<\/span>.<\/p>\n<p style=\"text-align: justify;\"><code>&lt;link <span class=\"html-attribute-name\">href<\/span>=\"https:\/\/yourwebsite.com\" <span class=\"html-attribute-name\">rel<\/span>=\"<span class=\"html-attribute-value\">canonical<\/span>\"&gt;<\/code><\/p>\n<blockquote>\n<p style=\"text-align: justify;\">The <span style=\"text-decoration: underline;\">slug<\/span> is <span style=\"text-decoration: underline;\">something<\/span> that <span style=\"text-decoration: underline;\">engines need to understand<\/span> your page<span style=\"text-decoration: underline;\">.<\/span><\/p>\n<\/blockquote>\n<p style=\"text-align: justify;\">It is very <span style=\"text-decoration: underline;\">similar<\/span> to the<span style=\"text-decoration: underline;\"> title ta<\/span>g and also very <strong><span style=\"text-decoration: underline;\">important<\/span><\/strong>. There are <span style=\"text-decoration: underline;\">certain<\/span> rules you <strong><span style=\"text-decoration: underline;\">should<\/span><\/strong> respect when writing <span style=\"text-decoration: underline;\">effective slugs:<\/span><\/p>\n<ol style=\"text-align: justify;\">\n<li><em>length:<\/em> it is <span style=\"text-decoration: underline;\">recommended<\/span> that the <span style=\"text-decoration: underline;\">total lengt<\/span>h of the <strong>URL domain + Slug &lt; 115\u00a0characters,<\/strong><\/li>\n<li>you should <span style=\"text-decoration: underline;\">divide<\/span> the words with <span style=\"text-decoration: underline;\">dashes only<\/span> (<strong>&#8211;<\/strong>),<\/li>\n<li>it is <span style=\"text-decoration: underline;\">recommended<\/span> to <strong><span style=\"text-decoration: underline;\">remove number<\/span><\/strong><span style=\"text-decoration: underline;\">s<\/span>,<span style=\"text-decoration: underline;\"><strong> capital letters<\/strong>,<\/span> <strong><span style=\"text-decoration: underline;\">special characters,<\/span><\/strong><\/li>\n<li>the <span style=\"text-decoration: underline;\">slug<\/span> should <span style=\"text-decoration: underline;\">reflect<\/span> the <strong><span style=\"text-decoration: underline;\">topic<\/span><\/strong> of the page<\/li>\n<li>it must <span style=\"text-decoration: underline;\">be uniqu<\/span>e among all the <span style=\"text-decoration: underline;\">pages<\/span><\/li>\n<\/ol>\n<p style=\"text-align: justify;\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5798\" src=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/the-slug.jpg?resize=640%2C21&#038;ssl=1\" alt=\"the slug\" width=\"640\" height=\"21\" srcset=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/the-slug.jpg?w=1280&amp;ssl=1 1280w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/the-slug.jpg?resize=300%2C10&amp;ssl=1 300w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/the-slug.jpg?resize=768%2C25&amp;ssl=1 768w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/the-slug.jpg?resize=1024%2C33&amp;ssl=1 1024w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"The_Meta_Verification_Tags\"><\/span>The Meta Verification Tags<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p style=\"text-align: justify;\"><code>&lt;meta name=\"google-site-verification\" content=\"btigtf1LVTbcEpzZvBYFKmbuPrMkbyT27lgfPDcknZY\" \/&gt;<\/code><\/p>\n<p style=\"text-align: justify;\"><span style=\"text-decoration: underline;\">Search engines<\/span> need to <span style=\"text-decoration: underline;\">verify<\/span> that you <span style=\"text-decoration: underline;\">are the owner of a specific website<\/span>. You can <span style=\"text-decoration: underline;\">start<\/span> your <strong><span style=\"text-decoration: underline;\">verification<\/span><\/strong> procedure from the <strong><span style=\"text-decoration: underline;\">webmaster&#8217;s<\/span><\/strong> tools of <span style=\"text-decoration: underline;\">any search engin<\/span>e.<\/p>\n<blockquote>\n<p style=\"text-align: justify;\">The one you <span style=\"text-decoration: underline;\">need to use for Google<\/span>, for instance, is <a href=\"https:\/\/www.google.com\/webmasters\/\" target=\"_blank\" rel=\"noopener\">this one.<\/a><\/p>\n<\/blockquote>\n<p style=\"text-align: justify;\">The <span style=\"text-decoration: underline;\">easiest<\/span> way to <span style=\"text-decoration: underline;\">verify the property<\/span> is by <strong><span style=\"text-decoration: underline;\">adding<\/span><\/strong> a verification <strong>metatag<\/strong> to your site.<\/p>\n<p style=\"text-align: justify;\">These <span style=\"text-decoration: underline;\">tags<\/span> are <span style=\"text-decoration: underline;\">given from the webmaster tools<\/span> and will not be <span style=\"text-decoration: underline;\">shown<\/span> on your <strong>site<\/strong>.<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5799\" src=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/verification-meta-tags.jpg?resize=640%2C97&#038;ssl=1\" alt=\"verification meta tags\" width=\"640\" height=\"97\" srcset=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/verification-meta-tags.jpg?w=1264&amp;ssl=1 1264w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/verification-meta-tags.jpg?resize=300%2C45&amp;ssl=1 300w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/verification-meta-tags.jpg?resize=768%2C116&amp;ssl=1 768w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/verification-meta-tags.jpg?resize=1024%2C155&amp;ssl=1 1024w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"The_Link_Tags\"><\/span>The Link Tags<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p style=\"text-align: justify;\"><code>&lt;link <span class=\"html-attribute-name\">href<\/span>=\"css\/bootstrap.min.css\" <span class=\"html-attribute-name\">rel<\/span>=\"<span class=\"html-attribute-value\">stylesheet<\/span>\"&gt;<\/code><\/p>\n<p style=\"text-align: justify;\">The <span style=\"text-decoration: underline;\">link tags<\/span> are usually <span style=\"text-decoration: underline;\">tags<\/span> that are <span style=\"text-decoration: underline;\">telling search engine<\/span>s to look also for\u00a0<strong><span style=\"text-decoration: underline;\">external files<\/span> <\/strong>to <span style=\"text-decoration: underline;\">render<\/span> that specific <span style=\"text-decoration: underline;\">page<\/span>.<\/p>\n<blockquote>\n<p style=\"text-align: justify;\">It is a<span style=\"text-decoration: underline;\">lways recommended for instance<\/span> to <span style=\"text-decoration: underline;\">always<\/span> use the <span style=\"text-decoration: underline;\">link tags<\/span> to c<strong>onnect your CSS code<\/strong>\u00a0to a specific page.<\/p>\n<\/blockquote>\n<p style=\"text-align: justify;\"><span style=\"text-decoration: underline;\">Everything static<\/span> that needs to<span style=\"text-decoration: underline;\"> go on a specific page<\/span> and that it&#8217;s <span style=\"text-decoration: underline;\">not HTML code<\/span> needs to <strong>have<\/strong> a<strong> link ta<\/strong>g and <span style=\"text-decoration: underline;\">link to an external file.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5800\" src=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/link-tags.jpg?resize=640%2C95&#038;ssl=1\" alt=\"link tags\" width=\"640\" height=\"95\" srcset=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/link-tags.jpg?w=1280&amp;ssl=1 1280w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/link-tags.jpg?resize=300%2C45&amp;ssl=1 300w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/link-tags.jpg?resize=768%2C114&amp;ssl=1 768w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/link-tags.jpg?resize=1024%2C152&amp;ssl=1 1024w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"The_Head_Tags\"><\/span>The Head Tags<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol style=\"text-align: justify;\">\n<li><code>&lt;head&gt;\u00a0<\/code><\/li>\n<li><code>.<\/code><\/li>\n<li><code>.<\/code><\/li>\n<li><code>&lt;\/head&gt;<\/code><\/li>\n<\/ol>\n<p style=\"text-align: justify;\">All of t<span style=\"text-decoration: underline;\">he stuff above<\/span> does <strong><span style=\"text-decoration: underline;\">not get rendered<\/span><\/strong> in your <span style=\"text-decoration: underline;\">browser<\/span> page. This <span style=\"text-decoration: underline;\">needs<\/span> to be <span style=\"text-decoration: underline;\">wrapped<\/span> in between the <strong>head tag.<\/strong><\/p>\n<p style=\"text-align: justify;\">Usually, the <span style=\"text-decoration: underline;\">stuff in the head<\/span> is <span style=\"text-decoration: underline;\">used by engin<\/span>es to<span style=\"text-decoration: underline;\"> pick up precious information.<\/span>\u00a0Users are<span style=\"text-decoration: underline;\"> not able to se<\/span>e them <span style=\"text-decoration: underline;\">unless<\/span> they <span style=\"text-decoration: underline;\"><strong>view the source code<\/strong><\/span> of a page.<\/p>\n<p style=\"text-align: justify;\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5802\" src=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/html-page-example.jpg?resize=640%2C791&#038;ssl=1\" alt=\"html page example\" width=\"640\" height=\"791\" srcset=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/html-page-example.jpg?w=728&amp;ssl=1 728w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/html-page-example.jpg?resize=243%2C300&amp;ssl=1 243w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"The_Body_Tags\"><\/span>The Body Tags<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol style=\"text-align: justify;\">\n<li><code>&lt;body&gt;\u00a0<\/code><\/li>\n<li><code>.<\/code><\/li>\n<li><code>.<\/code><\/li>\n<li><code>&lt;\/body&gt;<\/code><\/li>\n<\/ol>\n<p style=\"text-align: justify;\">The stuff that <span style=\"text-decoration: underline;\">gets rendere<\/span>d in the <span style=\"text-decoration: underline;\">browser<\/span> is <span style=\"text-decoration: underline;\">usually<\/span> <strong>wrapped<\/strong> in <span style=\"text-decoration: underline;\">between<\/span> the <strong>body tags.<\/strong><\/p>\n<blockquote>\n<p style=\"text-align: justify;\">These <span style=\"text-decoration: underline;\">tags<\/span> are<span style=\"text-decoration: underline;\"> telling browser<\/span>s that the <strong><span style=\"text-decoration: underline;\">things<\/span><\/strong> in it <span style=\"text-decoration: underline;\">need<\/span> to <span style=\"text-decoration: underline;\">show up<\/span> when a user <span style=\"text-decoration: underline;\">visits<\/span> a website.<\/p>\n<\/blockquote>\n<p style=\"text-align: justify;\">The f<span style=\"text-decoration: underline;\">ew tags listed<\/span> below are <strong><span style=\"text-decoration: underline;\">going<\/span><\/strong> to be <span style=\"text-decoration: underline;\">included<\/span> in the <span style=\"text-decoration: underline;\">body tag<\/span>.<\/p>\n<p style=\"text-align: justify;\">Note that if you <span style=\"text-decoration: underline;\">are using Wordpres<\/span>s all of this <span style=\"text-decoration: underline;\">will be automatically generate<\/span>d. But, <span style=\"text-decoration: underline;\">sometimes<\/span> depending on the <span style=\"text-decoration: underline;\">kind of websi<\/span>te you have, <span style=\"text-decoration: underline;\">WordPress makes mistake<\/span>s and you will <span style=\"text-decoration: underline;\">need<\/span> to fix <strong>these<\/strong> errors.<\/p>\n<p>&nbsp;<\/p>\n<h4 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"The_Footer_Tags\"><\/span>The Footer Tags<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol style=\"text-align: justify;\">\n<li><code>&lt;footer&gt;\u00a0<\/code><\/li>\n<li><code>.<\/code><\/li>\n<li><code>.<\/code><\/li>\n<li><code>&lt;\/footer&gt;<\/code><\/li>\n<\/ol>\n<p style=\"text-align: justify;\">Same <span style=\"text-decoration: underline;\">applies<\/span> for the<span style=\"text-decoration: underline;\"> footer tag<\/span>, this is <strong><span style=\"text-decoration: underline;\">positioned<\/span><\/strong> at <span style=\"text-decoration: underline;\">the end of your webpage<\/span> code. As you <span style=\"text-decoration: underline;\">can<\/span> tell this will <span style=\"text-decoration: underline;\">include<\/span> information <span style=\"text-decoration: underline;\">about the footer<\/span> of your <span style=\"text-decoration: underline;\">site<\/span> and in most of the <strong>cases<\/strong>, the <span style=\"text-decoration: underline;\">stuff<\/span> in it will be <span style=\"text-decoration: underline;\">rendered<\/span>.<\/p>\n<blockquote>\n<p style=\"text-align: justify;\">It is <span style=\"text-decoration: underline;\">recommended<\/span> to put <span style=\"text-decoration: underline;\">certain scripts<\/span> <strong>just after the footer<\/strong> <span style=\"text-decoration: underline;\">tag<\/span> since <span style=\"text-decoration: underline;\">scripts<\/span> are <span style=\"text-decoration: underline;\">usually<\/span> slowing <strong>down<\/strong> your website rendering.<\/p>\n<\/blockquote>\n<p style=\"text-align: justify;\">If you<span style=\"text-decoration: underline;\"> put EXTRA scripts<\/span> at the end after\u00a0<span style=\"text-decoration: underline;\">the footer<\/span> these will be <span style=\"text-decoration: underline;\">loaded<\/span> later and you could <span style=\"text-decoration: underline;\">improve<\/span> the user <strong>experience<\/strong>.<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5803\" src=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/marco-diversi-footer.jpg?resize=640%2C193&#038;ssl=1\" alt=\"marco diversi footer\" width=\"640\" height=\"193\" srcset=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/marco-diversi-footer.jpg?w=1256&amp;ssl=1 1256w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/marco-diversi-footer.jpg?resize=300%2C91&amp;ssl=1 300w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/marco-diversi-footer.jpg?resize=768%2C232&amp;ssl=1 768w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/marco-diversi-footer.jpg?resize=1024%2C309&amp;ssl=1 1024w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"The_Scripts_Tags\"><\/span>The Scripts Tags<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol style=\"text-align: justify;\">\n<li><code>&lt;script&gt;\u00a0<\/code><\/li>\n<li><code>.<\/code><\/li>\n<li><code>.<\/code><\/li>\n<li><code>&lt;\/script&gt;<\/code><\/li>\n<\/ol>\n<p style=\"text-align: justify;\"><span style=\"text-decoration: underline;\">Scripts<\/span> are usually made of <strong><span style=\"text-decoration: underline;\">javascript code (JS)<\/span><\/strong>. For instance, if you <span style=\"text-decoration: underline;\">look at my webs<\/span>ite there is a\u00a0<span style=\"text-decoration: underline;\">chat<\/span> <strong>support<\/strong> o<span style=\"text-decoration: underline;\">n your bottom left<\/span>, in order for y<span style=\"text-decoration: underline;\">ou to see tha<\/span>t you need to <span style=\"text-decoration: underline;\">install<\/span> a script.<\/p>\n<blockquote>\n<p style=\"text-align: justify;\">This <span style=\"text-decoration: underline;\">will<\/span> be given by <span style=\"text-decoration: underline;\">the provider of the service<\/span> you are <span style=\"text-decoration: underline;\">trying<\/span> to use.<\/p>\n<\/blockquote>\n<p style=\"text-align: justify;\">It is <span style=\"text-decoration: underline;\">recommended<\/span> to put the e<span style=\"text-decoration: underline;\">xtra scrip<\/span>ts just after the <span style=\"text-decoration: underline;\">footer<\/span> tag. (<strong>extra = not the files that are needed to render your page<\/strong>).<\/p>\n<p style=\"text-align: justify;\">If you have <span style=\"text-decoration: underline;\">many script<\/span>s on <span style=\"text-decoration: underline;\">top of your page<\/span> or <span style=\"text-decoration: underline;\">inside<\/span> the<span style=\"text-decoration: underline;\"> head tags<\/span> just <strong>move<\/strong> it after<span style=\"text-decoration: underline;\"> the footer tag<\/span>.<\/p>\n<p>&nbsp;<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5804\" src=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/scripts-at-the-end-of-the-code.jpg?resize=640%2C236&#038;ssl=1\" alt=\"scripts at the end of the code\" width=\"640\" height=\"236\" srcset=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/scripts-at-the-end-of-the-code.jpg?w=1280&amp;ssl=1 1280w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/scripts-at-the-end-of-the-code.jpg?resize=300%2C110&amp;ssl=1 300w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/scripts-at-the-end-of-the-code.jpg?resize=768%2C283&amp;ssl=1 768w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/scripts-at-the-end-of-the-code.jpg?resize=1024%2C377&amp;ssl=1 1024w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"The_H_Tags\"><\/span>The H Tags<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p style=\"text-align: justify;\"><code><span class=\"html-tag\">&lt;h1&gt;<\/span>Heading 1<span class=\"html-tag\">&lt;\/h1&gt;<\/span><\/code><\/p>\n<p style=\"text-align: justify;\">The <span style=\"text-decoration: underline;\">H tag<\/span>s are also <span style=\"text-decoration: underline;\">very important<\/span>. These are<strong><span style=\"text-decoration: underline;\"> the headings of your pages<\/span><\/strong>, and they tell <span style=\"text-decoration: underline;\">search<\/span> <span style=\"text-decoration: underline;\">engines<\/span> what are the <strong><span style=\"text-decoration: underline;\">main topics<\/span> <\/strong>of your page.<\/p>\n<p style=\"text-align: justify;\"><strong>H tags have different weight:<\/strong><\/p>\n<ul style=\"text-align: justify;\">\n<li><code>&lt;h1&gt;Most Important, try to use just one per page&lt;\/h1&gt;<\/code><\/li>\n<li><code>&lt;h2&gt;Less Important than h1, use no more than 2-3&lt;\/h2&gt;<\/code><\/li>\n<li><code>&lt;h3&gt;Less Important than h2, use no more than 6-9&lt;\/h3&gt;<\/code><\/li>\n<li><code>&lt;h4&gt;Less Important than h3, no restrictions but not too many&lt;\/h4&gt;<\/code><\/li>\n<li><code>&lt;h5&gt;Less Important than h4, no restrictions but not too many&lt;\/h5&gt;<\/code><\/li>\n<li><code>&lt;h6&gt;Less Important than h5, no restrictions but not too many&lt;\/h6&gt;<\/code><\/li>\n<\/ul>\n<p style=\"text-align: justify;\">Try to use <span style=\"text-decoration: underline;\">these tags<\/span> in a <strong><span style=\"text-decoration: underline;\">smart<\/span><\/strong> way to<span style=\"text-decoration: underline;\"> highlight topi<\/span>cs in your <span style=\"text-decoration: underline;\">page<\/span> and <strong>as for titles<\/strong> of your <span style=\"text-decoration: underline;\">paragraphs<\/span>.<\/p>\n<div id=\"attachment_5806\" style=\"width: 903px\" class=\"wp-caption aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-5806\" class=\"wp-image-5806 size-full\" src=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/h-tags-on-table-of-content.jpg?resize=640%2C200&#038;ssl=1\" alt=\"h tags on the table of content\" width=\"640\" height=\"200\" srcset=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/h-tags-on-table-of-content.jpg?w=893&amp;ssl=1 893w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/h-tags-on-table-of-content.jpg?resize=300%2C94&amp;ssl=1 300w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/h-tags-on-table-of-content.jpg?resize=768%2C240&amp;ssl=1 768w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><p id=\"caption-attachment-5806\" class=\"wp-caption-text\">H Tags On The Table Of Content<\/p><\/div>\n<p>&nbsp;<\/p>\n<h4 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"The_P_Tags\"><\/span>The P Tags<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p style=\"text-align: justify;\"><code>&lt;p&gt;these are paragraphs&lt;\/p&gt;<\/code><\/p>\n<p style=\"text-align: justify;\"><span style=\"text-decoration: underline;\">Most<\/span> of your <span style=\"text-decoration: underline;\">web pages<\/span> will be <span style=\"text-decoration: underline;\">made of paragraphs<\/span>. If you are a <strong><span style=\"text-decoration: underline;\">WordPress<\/span><\/strong> user you <span style=\"text-decoration: underline;\">can see all<\/span> of these <span style=\"text-decoration: underline;\">tags<\/span> from your <span style=\"text-decoration: underline;\">editor ba<\/span>r.<\/p>\n<p style=\"text-align: justify;\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5807\" src=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/h-tags-on-wordpress.jpg?resize=640%2C278&#038;ssl=1\" alt=\"h tags on wordpress\" width=\"640\" height=\"278\" srcset=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/h-tags-on-wordpress.jpg?w=793&amp;ssl=1 793w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/h-tags-on-wordpress.jpg?resize=300%2C130&amp;ssl=1 300w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/h-tags-on-wordpress.jpg?resize=768%2C333&amp;ssl=1 768w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">You can use the <span style=\"text-decoration: underline;\">paragraph tag as many times<\/span> as you want <span style=\"text-decoration: underline;\">too.<\/span>\u00a0You should use it to <span style=\"text-decoration: underline;\">write<\/span> the <span style=\"text-decoration: underline;\">content<\/span> of your web <strong>pages<\/strong>.<\/p>\n<p>&nbsp;<\/p>\n<div id=\"attachment_5808\" style=\"width: 881px\" class=\"wp-caption aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-5808\" class=\"wp-image-5808 size-full\" src=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/a-paragraph.jpg?resize=640%2C242&#038;ssl=1\" alt=\"a paragraph\" width=\"640\" height=\"242\" srcset=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/a-paragraph.jpg?w=871&amp;ssl=1 871w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/a-paragraph.jpg?resize=300%2C113&amp;ssl=1 300w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/a-paragraph.jpg?resize=768%2C290&amp;ssl=1 768w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><p id=\"caption-attachment-5808\" class=\"wp-caption-text\">A paragraph example<\/p><\/div>\n<p>&nbsp;<\/p>\n<h4 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"The_Rel_Attribute\"><\/span>The Rel Attribute<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p style=\"text-align: justify;\"><code>&lt;a <span class=\"html-attribute-name\">href<\/span>='https:\/\/awebsite.com' <span class=\"html-attribute-name\">rel<\/span>='<span class=\"html-attribute-value\">nofollow<\/span>'&gt;this is a link&lt;\/a&gt;<\/code><\/p>\n<p style=\"text-align: justify;\"><span style=\"text-decoration: underline;\">Any tag<\/span> can have a <strong><span style=\"text-decoration: underline;\">rel attribute<\/span><\/strong>, this <span style=\"text-decoration: underline;\">information<\/span> is usually <span style=\"text-decoration: underline;\">precious when it comes to rankings.<\/span><\/p>\n<p style=\"text-align: justify;\">There are many r<span style=\"text-decoration: underline;\">el attributes<\/span>:<\/p>\n<ul style=\"text-align: justify;\">\n<li><strong>alternate<\/strong><\/li>\n<li><strong>next<\/strong><\/li>\n<li><strong>nofollow<\/strong><\/li>\n<li><strong>noopener<\/strong><\/li>\n<li><strong>prev<\/strong><\/li>\n<li>etc.. etc..<\/li>\n<\/ul>\n<blockquote>\n<p style=\"text-align: justify;\">The one you <span style=\"text-decoration: underline;\">should be familiar with<\/span> the <span style=\"text-decoration: underline;\">most<\/span> is the <strong>nofollow attribute.<\/strong><\/p>\n<\/blockquote>\n<p style=\"text-align: justify;\">By <span style=\"text-decoration: underline;\">default<\/span>, if you <span style=\"text-decoration: underline;\">don&#8217;t<\/span> add a <code>rel=\"nofollow\"<\/code> attribute your lin<span style=\"text-decoration: underline;\">k<\/span>s or <span style=\"text-decoration: underline;\">whatever<\/span> else <strong>stuff<\/strong> will be <strong>dofollow<\/strong>.<\/p>\n<blockquote>\n<p style=\"text-align: justify;\">A <strong><span style=\"text-decoration: underline;\">nofollow attribute<\/span><\/strong> means that you don&#8217;t <span style=\"text-decoration: underline;\">want search engines<\/span> to <strong>pass<\/strong><span style=\"text-decoration: underline;\"> link juice<\/span> and <span style=\"text-decoration: underline;\">value<\/span> to the link you are <span style=\"text-decoration: underline;\">linking.<\/span><\/p>\n<\/blockquote>\n<p style=\"text-align: justify;\">You <span style=\"text-decoration: underline;\">need to use the nofollow link<\/span> in a <strong>smart way<\/strong> and this is a <span style=\"text-decoration: underline;\">separate<\/span> <span style=\"text-decoration: underline;\">topic<\/span> you should <a href=\"https:\/\/moz.com\/community\/q\/dofollow-and-nofollow-links\" target=\"_blank\" rel=\"noopener\"><span style=\"text-decoration: underline;\">check<\/span> out here<\/a> for instance.<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5809\" src=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/nofollow-attribute-on-source-code.jpg?resize=640%2C110&#038;ssl=1\" alt=\"nofollow attribute on source code\" width=\"640\" height=\"110\" srcset=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/nofollow-attribute-on-source-code.jpg?w=1280&amp;ssl=1 1280w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/nofollow-attribute-on-source-code.jpg?resize=300%2C51&amp;ssl=1 300w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/nofollow-attribute-on-source-code.jpg?resize=768%2C131&amp;ssl=1 768w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/nofollow-attribute-on-source-code.jpg?resize=1024%2C175&amp;ssl=1 1024w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"ALT_Tag\"><\/span>ALT Tag<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p style=\"text-align: justify;\"><code>&lt;img <span class=\"html-attribute-name\">alt<\/span>=\"<span class=\"html-attribute-value\">make extra money<\/span>\"\u00a0<span class=\"html-attribute-name\">src<\/span>=\"img\/money.jpg\"&gt;<\/code><\/p>\n<p style=\"text-align: justify;\">The <strong><span style=\"text-decoration: underline;\">alt attribute<\/span><\/strong> should be <span style=\"text-decoration: underline;\">always added to any<\/span> of your <span style=\"text-decoration: underline;\">images<\/span>. If you are on <span style=\"text-decoration: underline;\">WordPress<\/span> you will <span style=\"text-decoration: underline;\">have<\/span> a p<span style=\"text-decoration: underline;\">lace where you can add this<\/span> with<strong> ease<\/strong>.<\/p>\n<p style=\"text-align: justify;\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5811\" src=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/alt-attribute-on-wordpress.jpg?resize=640%2C297&#038;ssl=1\" alt=\"alt attribute on wordpress\" width=\"640\" height=\"297\" srcset=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/alt-attribute-on-wordpress.jpg?w=1218&amp;ssl=1 1218w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/alt-attribute-on-wordpress.jpg?resize=300%2C139&amp;ssl=1 300w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/alt-attribute-on-wordpress.jpg?resize=768%2C357&amp;ssl=1 768w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/alt-attribute-on-wordpress.jpg?resize=1024%2C476&amp;ssl=1 1024w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<blockquote>\n<p style=\"text-align: justify;\">The <span style=\"text-decoration: underline;\">ALT attribute purpos<\/span>e is <span style=\"text-decoration: underline;\">basically<\/span> to<span style=\"text-decoration: underline;\"> tell Googl<\/span>e what your<span style=\"text-decoration: underline;\"> image is about<\/span>.<\/p>\n<\/blockquote>\n<p style=\"text-align: justify;\">They <span style=\"text-decoration: underline;\">have sophisticated algorithm<\/span>s to <span style=\"text-decoration: underline;\">figure<\/span> out what&#8217;s the <strong>image<\/strong> about. But if you <span style=\"text-decoration: underline;\">also describ<\/span>e the <span style=\"text-decoration: underline;\">image<\/span>, put the r<span style=\"text-decoration: underline;\">ight keyword<\/span>s in it etc&#8230; <strong>This will help your SEO strategy.<\/strong><\/p>\n<p style=\"text-align: justify;\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5812\" src=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/alt-attribute.jpg?resize=640%2C24&#038;ssl=1\" alt=\"alt attribute\" width=\"640\" height=\"24\" srcset=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/alt-attribute.jpg?w=1261&amp;ssl=1 1261w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/alt-attribute.jpg?resize=300%2C11&amp;ssl=1 300w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/alt-attribute.jpg?resize=768%2C29&amp;ssl=1 768w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/alt-attribute.jpg?resize=1024%2C39&amp;ssl=1 1024w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"The_Sitemap\"><\/span>The Sitemap<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: justify;\"><code>https:\/\/yourwebsite.com\/sitemap.xml<\/code><\/p>\n<p style=\"text-align: justify;\">The <span style=\"text-decoration: underline;\">sitemap<\/span> is also <span style=\"text-decoration: underline;\">another important pa<\/span>rt of your <strong><span style=\"text-decoration: underline;\">website<\/span><\/strong> that you <span style=\"text-decoration: underline;\">don&#8217;t see<\/span> but that will <span style=\"text-decoration: underline;\">help<\/span> with SEO.<\/p>\n<p style=\"text-align: justify;\">T<span style=\"text-decoration: underline;\">o see the sitemap<\/span> of your <span style=\"text-decoration: underline;\">site<\/span> in most of the <span style=\"text-decoration: underline;\">cases<\/span> you just need to <span style=\"text-decoration: underline;\">add:<\/span><\/p>\n<p style=\"text-align: justify;\"><code>\/sitemap.xml<\/code><\/p>\n<p style=\"text-align: justify;\"><strong>after the domain,<\/strong><\/p>\n<p style=\"text-align: justify;\">or on WordPress, if you are using Yoast SEO:<\/p>\n<p style=\"text-align: justify;\"><code>\/sitemap_index.xml<\/code><\/p>\n<p style=\"text-align: justify;\">You can <strong>check out this article<\/strong> about the <a href=\"https:\/\/marcodiversi.com\/blog\/best-sitemap-generator-create-sitemap\/\" target=\"_blank\" rel=\"noopener noreferrer\">best sitemap generators<\/a> as well to <span style=\"text-decoration: underline;\">understand<\/span> it better.<\/p>\n<p>&nbsp;<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5813\" src=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/marco-diversi-sitemap.jpg?resize=640%2C310&#038;ssl=1\" alt=\"marco diversi sitemap\" width=\"640\" height=\"310\" srcset=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/marco-diversi-sitemap.jpg?w=1273&amp;ssl=1 1273w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/marco-diversi-sitemap.jpg?resize=300%2C145&amp;ssl=1 300w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/marco-diversi-sitemap.jpg?resize=768%2C372&amp;ssl=1 768w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/marco-diversi-sitemap.jpg?resize=1024%2C496&amp;ssl=1 1024w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"The_robotstxt_File\"><\/span>The robots.txt File<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: justify;\"><code>https:\/\/yourwebsite.com\/robots.txt<\/code><\/p>\n<blockquote>\n<p style=\"text-align: justify;\">The <strong>robots.txt<\/strong> is another file <span style=\"text-decoration: underline;\">you need to hav<\/span>e in your <span style=\"text-decoration: underline;\">source<\/span> <strong>code<\/strong>. This <span style=\"text-decoration: underline;\">will tell engine<\/span>s what to <span style=\"text-decoration: underline;\">crawl<\/span> and <strong>what no<\/strong>t to crawl.<\/p>\n<\/blockquote>\n<p style=\"text-align: justify;\">There a<span style=\"text-decoration: underline;\">re a lot of uses<\/span> of this <span style=\"text-decoration: underline;\">file<\/span> and you <span style=\"text-decoration: underline;\">should chec<\/span>k out <a href=\"https:\/\/moz.com\/learn\/seo\/robotstxt\" target=\"_blank\" rel=\"noopener\">this article<\/a> if you are <span style=\"text-decoration: underline;\">interested<\/span> in this.<\/p>\n<p style=\"text-align: justify;\">All you <span style=\"text-decoration: underline;\">have<\/span> to <span style=\"text-decoration: underline;\">do is to drop<\/span>\u00a0the file into your <span style=\"text-decoration: underline;\">root folder<\/span> and call it:<\/p>\n<p style=\"text-align: justify;\"><code>robots.txt<\/code><\/p>\n<p style=\"text-align: justify;\">If you are on <span style=\"text-decoration: underline;\">WordPress<\/span> this can be <span style=\"text-decoration: underline;\">managed<\/span> with <strong>plugins<\/strong> etc&#8230;<\/p>\n<p>&nbsp;<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5814\" src=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/robots-txt.jpg?resize=640%2C50&#038;ssl=1\" alt=\"robots txt\" width=\"640\" height=\"50\" srcset=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/robots-txt.jpg?w=1277&amp;ssl=1 1277w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/robots-txt.jpg?resize=300%2C23&amp;ssl=1 300w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/robots-txt.jpg?resize=768%2C60&amp;ssl=1 768w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/robots-txt.jpg?resize=1024%2C80&amp;ssl=1 1024w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"How_To_Edit_The_Source_Code\"><\/span>How To Edit The Source Code<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: justify;\">Now that<strong><span style=\"text-decoration: underline;\"> you are able to view the source cod<\/span><\/strong>e you might <span style=\"text-decoration: underline;\">want<\/span> to be able to <span style=\"text-decoration: underline;\">edit it<\/span> and make <strong><span style=\"text-decoration: underline;\">modifications<\/span><\/strong>.<\/p>\n<blockquote>\n<p style=\"text-align: justify;\">The <span style=\"text-decoration: underline;\">easiest way<\/span> to do that is <span style=\"text-decoration: underline;\">by logging into<\/span> your <strong>hosting via FTP<\/strong>. You should read this tutorial about <strong><a href=\"https:\/\/libyanspider.com\/knowledge\/connect-website-using-ftp\/\" target=\"_blank\" rel=\"noopener\">how to set up a FTP access<\/a><\/strong>.<\/p>\n<\/blockquote>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\"><strong>You <span style=\"text-decoration: underline;\">should never edit code<\/span> with <span style=\"text-decoration: underline;\">TextEdit\/Notepad<\/span> or a regular<span style=\"text-decoration: underline;\"> text editor.<\/span><\/strong><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">There <span style=\"text-decoration: underline;\">are coding editors<\/span> specifically <span style=\"text-decoration: underline;\">designed<\/span> to <span style=\"text-decoration: underline;\">deal with cod<\/span>e and <span style=\"text-decoration: underline;\">programming<\/span> languages.<\/p>\n<p style=\"text-align: justify;\">These <span style=\"text-decoration: underline;\">editors will help you<\/span> find out <span style=\"text-decoration: underline;\">where the code<\/span> is <span style=\"text-decoration: underline;\">not going to wo<\/span>rk; if yo<span style=\"text-decoration: underline;\">u have closed<\/span> the <strong>tags<\/strong> <span style=\"text-decoration: underline;\">correctly<\/span> and <span style=\"text-decoration: underline;\">even to launch<\/span> your sites in<span style=\"text-decoration: underline;\"> preview mod<\/span>e on your <strong>machine<\/strong>.<\/p>\n<p style=\"text-align: justify;\"><strong>My top advice for coding editors are:<\/strong><\/p>\n<ol style=\"text-align: justify;\">\n<li><a href=\"http:\/\/brackets.io\/\" target=\"_blank\" rel=\"noopener\">brackets.io<\/a><\/li>\n<li><a href=\"https:\/\/atom.io\/\" target=\"_blank\" rel=\"noopener\">atom.io<\/a><\/li>\n<li><a href=\"https:\/\/www.sublimetext.com\/\" target=\"_blank\" rel=\"noopener\">sublimetext.com<\/a><\/li>\n<\/ol>\n<p style=\"text-align: justify;\"><strong>You s<span style=\"text-decoration: underline;\">hould set up<\/span> your <span style=\"text-decoration: underline;\">FTP client<\/span> to open any file that is code with a coding editor.<\/strong><\/p>\n<p style=\"text-align: justify;\">My favorite <span style=\"text-decoration: underline;\">FTP client is <a href=\"https:\/\/filezilla-project.org\/\" target=\"_blank\" rel=\"noopener\">FileZill<\/a><\/span><a href=\"https:\/\/filezilla-project.org\/\" target=\"_blank\" rel=\"noopener\">a<\/a>, even though it <span style=\"text-decoration: underline;\">looks outdated<\/span>, it&#8217;s the <strong>best<\/strong>, the <strong>easier<\/strong> to use and the <span style=\"text-decoration: underline;\">most efficient<\/span> and <strong>fast<\/strong>.<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5822\" src=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/brackets-io-editor.jpg?resize=640%2C293&#038;ssl=1\" alt=\"brackets io editor\" width=\"640\" height=\"293\" srcset=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/brackets-io-editor.jpg?w=1086&amp;ssl=1 1086w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/brackets-io-editor.jpg?resize=300%2C137&amp;ssl=1 300w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/brackets-io-editor.jpg?resize=768%2C351&amp;ssl=1 768w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/brackets-io-editor.jpg?resize=1024%2C469&amp;ssl=1 1024w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"How_To_Edit_Source_Code_With_WordPress\"><\/span>How To Edit Source Code With WordPress<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: justify;\">It is <span style=\"text-decoration: underline;\">recommended<\/span> to <span style=\"text-decoration: underline;\">edit the source code<\/span> of your <strong><span style=\"text-decoration: underline;\">WordPress<\/span><\/strong> sites via <span style=\"text-decoration: underline;\">FTP<\/span> as well.<\/p>\n<p style=\"text-align: justify;\">All you have to <span style=\"text-decoration: underline;\">do before editing cod<\/span>e is to <span style=\"text-decoration: underline;\">make a backup.<\/span>\u00a0You can use <a href=\"https:\/\/updraftplus.com\/\" target=\"_blank\" rel=\"noopener\">updraftplus<\/a> to do awesome backups.<\/p>\n<p style=\"text-align: justify;\"><strong>WARNING: If you mess up with the code, your site might no longer work and it can be impossible to go back.<\/strong><\/p>\n<p style=\"text-align: justify;\">Play <span style=\"text-decoration: underline;\">with code <strong>only<\/strong><\/span> if you know <span style=\"text-decoration: underline;\">what you are doing.<\/span><\/p>\n<blockquote>\n<p style=\"text-align: justify;\">Changing the <span style=\"text-decoration: underline;\">WordPress cod<\/span>e is a <span style=\"text-decoration: underline;\">very cool thing to do<\/span>, for <strong>instance<\/strong>, you can modify <strong>themes<\/strong> and <strong>plugins<\/strong> and so much more.<\/p>\n<\/blockquote>\n<p style=\"text-align: justify;\">If you are <span style=\"text-decoration: underline;\">writing an articl<\/span>e the most <span style=\"text-decoration: underline;\">straight forward coding edito<\/span>r you will <strong>find<\/strong> is the one <span style=\"text-decoration: underline;\">under<\/span> the option:<\/p>\n<p style=\"text-align: justify;\"><code>text<\/code><\/p>\n<p style=\"text-align: justify;\">next to <code>visual<\/code> on the editor.<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5816\" src=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/html-code-on-wordpress-editor.jpg?resize=640%2C428&#038;ssl=1\" alt=\"html code on wordpress editor\" width=\"640\" height=\"428\" srcset=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/html-code-on-wordpress-editor.jpg?w=791&amp;ssl=1 791w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/html-code-on-wordpress-editor.jpg?resize=300%2C201&amp;ssl=1 300w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/html-code-on-wordpress-editor.jpg?resize=768%2C514&amp;ssl=1 768w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p style=\"text-align: justify;\">The<span style=\"text-decoration: underline;\"><strong> visual<\/strong> tab<\/span> is the<span style=\"text-decoration: underline;\"> easy way to write articles<\/span> <strong>while<\/strong> the <span style=\"text-decoration: underline;\"><strong>text<\/strong> tab<\/span> is the<strong> HTML code<\/strong> that will go <span style=\"text-decoration: underline;\">onto<\/span> your <span style=\"text-decoration: underline;\">webpage<\/span> so t<span style=\"text-decoration: underline;\">hat the browser can understand<\/span> it.<\/p>\n<blockquote>\n<p style=\"text-align: justify;\">You<span style=\"text-decoration: underline;\"> can modify the HTML code<\/span> of your <strong>article<\/strong> from the text tab.<\/p>\n<\/blockquote>\n<p style=\"text-align: justify;\">If you want instead <span style=\"text-decoration: underline;\">dig deeper<\/span> and <span style=\"text-decoration: underline;\">edit HTML in WordPress<\/span> you will need to go to the <span style=\"text-decoration: underline;\"><strong>WordPress HTML editor<\/strong> <\/span>here:<\/p>\n<p style=\"text-align: justify;\"><strong>appearance &gt; editor<\/strong><\/p>\n<p style=\"text-align: justify;\">This will <span style=\"text-decoration: underline;\">bring<\/span> a list of <strong><span style=\"text-decoration: underline;\">files<\/span><\/strong>, you can for <span style=\"text-decoration: underline;\">instance<\/span> in most of the cases <span style=\"text-decoration: underline;\">spot<\/span> the:<\/p>\n<ol style=\"text-align: justify;\">\n<li><strong>header.php<\/strong><\/li>\n<li><strong>footer.php<\/strong><\/li>\n<li><strong>style.css<\/strong><\/li>\n<li>etc&#8230;<\/li>\n<\/ol>\n<p style=\"text-align: justify;\">If you <strong><span style=\"text-decoration: underline;\">know how to code a bit<\/span><\/strong> you can make <span style=\"text-decoration: underline;\">great things<\/span> modifying the <span style=\"text-decoration: underline;\">code<\/span> there.<\/p>\n<blockquote>\n<p style=\"text-align: justify;\">You can use<span style=\"text-decoration: underline;\"> this editor to add additional scripts<\/span> for <strong>instance<\/strong> to the <strong>footer.php<\/strong> file.<\/p>\n<\/blockquote>\n<p style=\"text-align: justify;\">For<span style=\"text-decoration: underline;\"> more complex operation<\/span>s, try to use <strong>brackets.io<\/strong> and an <strong>FTP client<\/strong> to access the <span style=\"text-decoration: underline;\">raw files.<\/span><\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5818\" src=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/header-on-the-wordpress-editor.jpg?resize=640%2C230&#038;ssl=1\" alt=\"header on the wordpress editor\" width=\"640\" height=\"230\" srcset=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/header-on-the-wordpress-editor.jpg?w=1087&amp;ssl=1 1087w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/header-on-the-wordpress-editor.jpg?resize=300%2C108&amp;ssl=1 300w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/header-on-the-wordpress-editor.jpg?resize=768%2C276&amp;ssl=1 768w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/header-on-the-wordpress-editor.jpg?resize=1024%2C367&amp;ssl=1 1024w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\"><span class='bctt-click-to-tweet'><span class='bctt-ctt-text'><a href=\"https:\/\/x.com\/intent\/tweet?url=https%3A%2F%2Fmarcodiversi.com%2Fblog%2F%3Fp%3D5752&#038;text=ALWAYS%20BACKUP%20BEFORE%20MAKING%20ANY%20MODIFICATIONS%20%23wpproblems%20%23backup%20%23smartidea&#038;via=marcodiversi&#038;related=marcodiversi\" target=\"_blank\" rel=\"noopener noreferrer\">ALWAYS BACKUP BEFORE MAKING ANY MODIFICATIONS #wpproblems #backup #smartidea <\/a><\/span><a href=\"https:\/\/x.com\/intent\/tweet?url=https%3A%2F%2Fmarcodiversi.com%2Fblog%2F%3Fp%3D5752&#038;text=ALWAYS%20BACKUP%20BEFORE%20MAKING%20ANY%20MODIFICATIONS%20%23wpproblems%20%23backup%20%23smartidea&#038;via=marcodiversi&#038;related=marcodiversi\" target=\"_blank\" class=\"bctt-ctt-btn\" rel=\"noopener noreferrer\">Share on X<\/a><\/span>\n<p>&nbsp;<\/p>\n<h2 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Conclusions\"><\/span>Conclusions<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<blockquote>\n<p style=\"text-align: justify;\">I hope that <strong><span style=\"text-decoration: underline;\">now you know\u00a0how to view the source code<\/span><\/strong> of any <span style=\"text-decoration: underline;\">website<\/span> and <strong>why this is important<\/strong>!<\/p>\n<\/blockquote>\n<p style=\"text-align: justify;\">If you <span style=\"text-decoration: underline;\">start learning to code a bit<\/span>, you will <span style=\"text-decoration: underline;\">soon<\/span> find out that<span style=\"text-decoration: underline;\"> you can do a lo<\/span>t of stuff <strong><span style=\"text-decoration: underline;\">spying<\/span><\/strong> on your <span style=\"text-decoration: underline;\">competitor&#8217;s source code.<\/span><\/p>\n<p style=\"text-align: justify;\">This <span style=\"text-decoration: underline;\">guide<\/span> was just <span style=\"text-decoration: underline;\">an introduction<\/span> and we <span style=\"text-decoration: underline;\">have discovered that<\/span>:<\/p>\n<ol style=\"text-align: justify;\">\n<li>to <strong><span style=\"text-decoration: underline;\">read<\/span><\/strong> and <strong><span style=\"text-decoration: underline;\">view the source code of any websites<\/span><\/strong>, you just need to <span style=\"text-decoration: underline;\">use a browser<\/span> and in most of the cases press, <strong>CTRL + U<\/strong> or <strong>right click and view source code.<\/strong><\/li>\n<li>to e<span style=\"text-decoration: underline;\">dit source code<\/span> it is <span style=\"text-decoration: underline;\">recommended<\/span> to use a <span style=\"text-decoration: underline;\">coding edito<\/span>r like <strong>brackets.io<\/strong> and access the raw files via <strong>FTP.<\/strong><\/li>\n<li><span style=\"text-decoration: underline;\">reading your source code<\/span> can help you <span style=\"text-decoration: underline;\">make<\/span> your <strong>on-page SEO<\/strong> outstanding.<\/li>\n<li>what<span style=\"text-decoration: underline;\"> you se<\/span>e on a <span style=\"text-decoration: underline;\">webpage<\/span> is <span style=\"text-decoration: underline;\">not necessarily<\/span> what a<strong><span style=\"text-decoration: underline;\"> search engine crawler sees.<\/span><\/strong>\u00a0You need to have a <span style=\"text-decoration: underline;\">perfect<\/span> and <span style=\"text-decoration: underline;\">clean cod<\/span>e to <strong><span style=\"text-decoration: underline;\">stand<\/span><\/strong> out of the crowd.<\/li>\n<li>if you <span style=\"text-decoration: underline;\">want to view the source code<\/span> from a <strong><span style=\"text-decoration: underline;\">mobile<\/span><\/strong>\u00a0you can just add\u00a0<code>view-source:<\/code>before <span style=\"text-decoration: underline;\">any<\/span> URL. i.e.:\u00a0<code>view-source:https:\/\/marcodiversi.com<\/code><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/marcodiversi.com\/blog\/zx\/semrush\/\" rel=\"nofollow noopener sponsored\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-4542 size-full\" src=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2018\/09\/semrush-ton-of-data.jpg?resize=640%2C165&#038;ssl=1\" alt=\"semrush ton of data\" width=\"640\" height=\"165\" srcset=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2018\/09\/semrush-ton-of-data.jpg?w=970&amp;ssl=1 970w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2018\/09\/semrush-ton-of-data.jpg?resize=300%2C77&amp;ssl=1 300w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2018\/09\/semrush-ton-of-data.jpg?resize=768%2C198&amp;ssl=1 768w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<blockquote>\n<p style=\"text-align: justify;\">This is <span style=\"text-decoration: underline;\">just an introductio<\/span>n and <span style=\"text-decoration: underline;\">yet<\/span> some <strong><span style=\"text-decoration: underline;\">concept<\/span><\/strong> are very <span style=\"text-decoration: underline;\">powerful<\/span> and you should <span style=\"text-decoration: underline;\">research<\/span> the topics even <strong>more<\/strong>.<\/p>\n<\/blockquote>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\"><span class='bctt-click-to-tweet'><span class='bctt-ctt-text'><a href=\"https:\/\/x.com\/intent\/tweet?url=https%3A%2F%2Fmarcodiversi.com%2Fblog%2F%3Fp%3D5752&#038;text=It%20is%20recommended%20and%20absolutely%20awesome%20learn%20to%20code%20a%20bit%2C%20you%20can%20use%20%23freecodecamp%20to%20learn%20to%20code%20like%20a%20king%20for%20free.&#038;via=marcodiversi&#038;related=marcodiversi\" target=\"_blank\" rel=\"noopener noreferrer\">It is recommended and absolutely awesome learn to code a bit, you can use #freecodecamp to learn to code like a king for free. <\/a><\/span><a href=\"https:\/\/x.com\/intent\/tweet?url=https%3A%2F%2Fmarcodiversi.com%2Fblog%2F%3Fp%3D5752&#038;text=It%20is%20recommended%20and%20absolutely%20awesome%20learn%20to%20code%20a%20bit%2C%20you%20can%20use%20%23freecodecamp%20to%20learn%20to%20code%20like%20a%20king%20for%20free.&#038;via=marcodiversi&#038;related=marcodiversi\" target=\"_blank\" class=\"bctt-ctt-btn\" rel=\"noopener noreferrer\">Share on X<\/a><\/span>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5462\" src=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2018\/03\/marco-diversi-eagle.jpg?resize=640%2C426&#038;ssl=1\" alt=\"marco diversi eagle\" width=\"640\" height=\"426\" srcset=\"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2018\/03\/marco-diversi-eagle.jpg?w=1280&amp;ssl=1 1280w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2018\/03\/marco-diversi-eagle.jpg?resize=300%2C200&amp;ssl=1 300w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2018\/03\/marco-diversi-eagle.jpg?resize=1024%2C682&amp;ssl=1 1024w, https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2018\/03\/marco-diversi-eagle.jpg?resize=768%2C511&amp;ssl=1 768w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<h4 class=\"p1\" style=\"text-align: justify;\"><span class=\"s1\"><b>What You Will Learn On This Blog!\u00a0<\/b><\/span><\/h4>\n<p class=\"p3\" style=\"text-align: justify;\"><span class=\"s2\">Stay tuned and <a href=\"https:\/\/marcodiversi.com\/blog\/zx\/marco-diversi-newsletters\/\" rel=\"nofollow noopener sponsored\"><span class=\"s3\">subscribe to my blog<\/span><\/a> so you will get <\/span><span class=\"s1\">notifications<\/span><span class=\"s2\"> on <\/span><span class=\"s1\">new <\/span><span class=\"s2\"><b>posts<\/b>. I will slowly break down these topics:<\/span><\/p>\n<ol class=\"ol1\" style=\"text-align: justify;\">\n<li class=\"li3\"><b><\/b><span class=\"s2\"><b>SEO(Search Engine Optimization).<\/b><\/span><\/li>\n<li class=\"li3\"><b><\/b><span class=\"s2\"><b>Affiliate Marketing.<\/b><\/span><\/li>\n<li class=\"li3\"><b><\/b><span class=\"s2\"><b>Free and Paid traffic hacks.<\/b><\/span><\/li>\n<li class=\"li3\"><b><\/b><span class=\"s2\"><b>Coding and WordPress<\/b><\/span><\/li>\n<li class=\"li3\"><b><\/b><span class=\"s2\"><b>Make money with a computer and an internet connection even while you sleep.<\/b><\/span><\/li>\n<\/ol>\n<p class=\"p3\" style=\"text-align: justify;\"><span class=\"s2\">Follow me on <\/span><span class=\"s1\">social media<\/span><span class=\"s2\">, you&#8217;ve got all the links on the right bottom side of this blog, also <\/span><span class=\"s1\">comment<\/span><span class=\"s2\"> and <\/span><span class=\"s1\"><b>contact me<\/b><\/span><span class=\"s2\"> if you need help.<\/span><\/p>\n<p class=\"p1\" style=\"text-align: justify;\"><span class=\"s2\">Here are my <\/span><span class=\"s1\">top resources<\/span><span class=\"s2\"> I always use to become a great affiliate, <a href=\"https:\/\/marcodiversi.com\/blog\/resources\/\"><span class=\"s4\">take a look here<\/span><\/a>!<\/span><\/p>\n<p class=\"p1\" style=\"text-align: justify;\"><span class=\"s2\"><b>Do you want to be a free\u00a0man or woman? Jump in the crew then!<\/b><\/span><\/p>\n<p class=\"p1\" style=\"text-align: justify;\"><span class=\"s2\">Much Love and Peace Out,<\/span><\/p>\n<p class=\"p1\" style=\"text-align: justify;\"><span class=\"s2\">Marco Diversi.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Do you have an idea about how to view the\u00a0source code of any website and why it can be a good idea if you start reading it? Most of the people don&#8217;t know it, but you can look at the source code of any website very easily. I am here to tell you how to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":5754,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[108],"tags":[1009,1007,1013,1011],"class_list":["post-5752","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-how-to-edit-source-code-with-wordpress","tag-how-to-read-source-code","tag-how-to-view-source-code","tag-website-source-code"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/marcodiversi.com\/blog\/wp-content\/uploads\/2019\/01\/how-to-read-source-code.jpg?fit=1280%2C720&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/marcodiversi.com\/blog\/wp-json\/wp\/v2\/posts\/5752","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marcodiversi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marcodiversi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marcodiversi.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marcodiversi.com\/blog\/wp-json\/wp\/v2\/comments?post=5752"}],"version-history":[{"count":1,"href":"https:\/\/marcodiversi.com\/blog\/wp-json\/wp\/v2\/posts\/5752\/revisions"}],"predecessor-version":[{"id":8238,"href":"https:\/\/marcodiversi.com\/blog\/wp-json\/wp\/v2\/posts\/5752\/revisions\/8238"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marcodiversi.com\/blog\/wp-json\/wp\/v2\/media\/5754"}],"wp:attachment":[{"href":"https:\/\/marcodiversi.com\/blog\/wp-json\/wp\/v2\/media?parent=5752"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marcodiversi.com\/blog\/wp-json\/wp\/v2\/categories?post=5752"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marcodiversi.com\/blog\/wp-json\/wp\/v2\/tags?post=5752"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}