{"id":10006,"date":"2019-05-17T09:17:40","date_gmt":"2019-05-17T09:17:40","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&p=10006"},"modified":"2019-11-27T12:31:40","modified_gmt":"2019-11-27T12:31:40","slug":"how-to-add-the-logo-in-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-add-the-logo-in-amp\/","title":{"rendered":"How to add the logo in AMP"},"content":{"rendered":"\n
In this tutorial, we will show you how to add a logo for this follow the below steps.<\/p>\n\n\n\n
You will find this option to the WordPress Dashboard<\/strong> -> AMP Option Panel<\/strong> -> Settings<\/strong> -> General <\/strong>-> Click on the Upload button to locate the logo on your computer. Choose your logo and upload it onto the dashboard and then click on the “Save Changes<\/strong>” button. <\/li><\/ul>\n\n\n\n<\/figure>\n\n\n\n
The Output of the Logo in AMP<\/h4>\n\n\n\n
<\/figure><\/div>\n\n\n\n
How to resize the logo in AMP<\/h3>\n\n\n\n
If you are have added the logo for AMP and if you don\u2019t like the logo size then we have the option to resize the logo by following the below steps.<\/p>\n\n\n\n
First go to WordPress Admin Area<\/strong> -> AMP option panel<\/strong> -> Settings<\/strong> -> General<\/strong> -> Enable Resize<\/strong> option.<\/p>\n\n\n\n
Resize:<\/strong> Once you enable this resize option other options will be shown.<\/li>
Resize Method<\/strong>: In this option, two options will be shown.<\/li><\/ul>\n\n\n\n
1.<\/strong> Flexible width<\/strong>: By using this option you can easily resize the size of the logo.<\/p>\n\n\n\n<\/figure>\n\n\n\n
2.<\/strong> Fixed width: <\/strong>If you know the exact width and height of the logo using this option you can resize of the logo. By default Logo Size for AMP Version is set for Fixed width<\/strong> 190\u00d736. Click on the “Save Changes<\/strong>” button like below the screenshot. <\/p>\n\n\n\n<\/figure>\n\n\n\n
The Output of resize the logo in AMP<\/h4>\n\n\n\n
<\/figure><\/div>\n\n\n\n
Note:<\/strong> If the logo is not added then the logo title will be H1 and the main title will be H2 because it is necessary for SEO to have one H1 on the page and if you add the logo then the main title will be H1.<\/p>\n\n\n\n<\/figure>\n\n\n\n
If we make the two titles as H1 tag then it will create the problem for SEO. So, If you want to make the title of a single post as H1 then you need to add the logo in the AMP version. <\/li><\/ul>\n\n\n\n
That\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\n
We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.<\/p>\n
\n\t\t\tAsk your Questions Directly!<\/strong> \n\t\t\t
If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!<\/div>\n\t\t\t
![\"\"](\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/Accelerated-Mobile-Pages-Options-\u2039-magazine3-\u2014-WordPress-2019-11-27-13-51-28-1-1024x489.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/Desktop-2019-11-27-13-57-44.png\")
<\/figure><\/div>\n\n\n\n![\"\"](\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/Accelerated-Mobile-Pages-Options-\u2039-magazine3-\u2014-WordPress-2019-11-27-15-03-44-1024x493.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/Accelerated-Mobile-Pages-Options-\u2039-magazine3-\u2014-WordPress-2019-11-27-15-10-06-1024x507.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/Desktop-222.png\")
<\/figure><\/div>\n\n\n\n![\"\"](\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/Desktop-2019-11-27-15-41-39.png\")
<\/figure>\n\n\n\n