How to Upload a Brochure Onto Weebly

Weebly offers piece of cake to build website architect with free hosting. Though the complimentary features are sufficient to launch your website, yous tin only publish it under Weebly subdomain. Therefore, we recommend you to go for premium plans to connect your custom domain name to Weebly site. No matter, you employ complimentary or premium programme, Weebly allows you to add logo to your website. In this article, we volition explicate how to upload logo in Weebly and add alt text to logo epitome.

Uploading Logo to Weebly Site

Login to your Weebly account and land on your dashboard section. Click on the dropdown on the right sidebar and choose your website. Afterwards that, click on the "Edit Website" button to go to Weebly site editor.

Edit Weebly Site

Hover your mouse over the site title on the header department of your site.

Select Logo Option

Past default, the site title you provide during creation of your site will show on the header. If you do not see title, just hover the mouse on the top content area to view the menu option for logo. Every bit yous tin can see, Weebly allows three options to use logo on your site.

• Off – plow off the logo
• Text – utilise text logo
• Logo – employ image logo

Click on "Logo" choice to selection prototype uploader in Weebly.

Upload Logo

Upload or Use URL

There are two options to apply your logo. Uploading your ain logo or utilize the URL from third-party websites.

Related: Get 50+ costless Weebly widgets to add together on your site.

Uploading Your Own Logo

Go to "My Computer" tab and click on "Upload a photo from your computer". Choose the logo file from your reckoner and upload on your site. In this way, your logo file volition be uploaded on your site which you can edit and add together alt tag.

Using Logo Image URL

Alternatively, yous can go to "Image URL" tab and paste the URL of your logo image. This is useful when you desire to use epitome from any third-party website.

Use Paradigm URL for Logo

We do not recommend using image URL due to the post-obit reasons:

• Equally far as we have tested, this selection does non work properly in Weebly.
• Many third-party websites practice not allow embedding images. This is called hotlinking to safeguard their server resources.
• You cannot edit the logo in this case.
• Unsupported logo will prove as a broken paradigm like below affecting your site's credibility.

Hotlinking Enabled

Editing Your Logo

After uploading your custom logo, you lot can remove or edit within Weebly editor. Hover over the logo image and click on the trash button.

Trash Push button

Confirm deleting the logo past clicking on "Yes, remove" button.

Remove Logo

If you want to edit your logo image, then hover over it and choose "Edit" button. Your logo will open up in a Weebly paradigm editor. There are lot of options to crop, set up filters, suit colors, add text and set up focus.

Weebly Logo Editor

After editing the logo, click on "Salve" button to re-upload the edited logo.

Add Alt Tag to Logo in Weebly

After finishing editing your own logo file, publish your website. Yous tin can outset check whether the logo has an alt tag.

• Open the site in any browser.
• Right click on your logo and select "Audit" or "Inspect Element" option.
• This volition open the developer panel in the browser.
• Check whether your logo has alt tag attribute.

No Alt Tag

Equally you tin run into in the above screenshot, the uploaded logo does not accept any alt tag attribute. Weebly does non accept an option to add alt tag to your logo. You lot demand to follow some trick to add the logo.

• Go back to your Weebly editor and navigate to "Settings" section.
• Under "General" tab, check your site has a "Site Championship".

Add Site Championship in Weebly

• Now, get to "Build" tab and hover over your logo epitome.
• Select, Text" for the logo. It should show the site championship as your text logo now.
• Weebly uses Site Title equally your text logo. When y'all edit the text logo, your site title will also change. We strongly recommend using your brand name or site name as your site title (which is also your logo text).
• Publish your site, which will show the text logo.
• Go dorsum to the Weebly editor and select "Logo" option to plow off text and enable the logo image.
• Publish your site and bank check the site in browser'due south developer panel, which should accept an alt text for the logo image.

Alt Tag Added to Logo

Sometimes, Weebly editor behaves erratically. Basically, you have to publishing the site with text logo and and then republish with epitome logo. This volition take the site title every bit your image logo's alt attribute. Make sure to clear browser'southward cache when you check the source code multiple times.

Why Alt Tag is Important

Alt tag is important for any image for the following two reasons:

• Accessibility – alt tag help screen readers to empathize images. Though, showing site title every bit alt tag in Weebly may not help in this case, at to the lowest degree it is better than having no alt text.
• SEO – logo epitome is available as part of the header and shown on all the pages of your site. When you generate SEO report or do SEO inspect, you will get missing alt tag issue for the logo paradigm on each page. By calculation alt tag as explained above, you can go rid of this SEO issue permanently.

cardanobaciping.blogspot.com

Source: https://www.webnots.com/how-to-upload-logo-in-weebly-and-add-alt-text/

Share this post