Archive for EverWeb

24 Aug 2017

10 Things To Do Before Publishing Your EverWeb Website

No Comments EverWeb, Software, Tips and Tricks, Tutorials, Web Design

Publishing your website to the Internet is the culmination of many hours of hard work getting your site exactly how you want it. As you get closer to publishing, it’s easy to rush the final steps to get your site out for the whole world to see!

Sprinting to the project’s finish line is understandable, but too much haste can lead to a published website that’s full of errors or does not work as expected. It’s potentially embarrassing, unprofessional and can be a real negative to your site visitors. So why not take a breath then run through our checklist blow before hitting the ‘Publish’ button. Save yourself the hassle of having to go back to make lots of changes, corrections or fixes after you’ve published.

Here’s the checklist of things to review on your EverWeb website Project before publishing…

  1. Set up a Favicon for your site. The Favicon is the little square image that appears beside your URL in the web browser search box. It’s a nice professional touch to your website even if it’s not an essential feature to include.

    To add a Favicon, go to the File-> Edit Publishing Settings. Scroll down to the Favicon section and choose an appropriate image (preferably one that’s square!). EverWeb will do the rest when you publish. When including a Favicon in your site, it may take a few hours for replication around the web for it to show up in the browser search box.

  2. If you have EverWeb 2.4, or higher, set the Language Localization for your website and for any individual pages as necessary. This is a great feature to add as it will help serve your visitors searching the web with more targeted search results. Check out our blog Language Localisation in EverWeb 2.4 for Better SEO! for more details.
  3. Check that you’ve implemented a ‘404 Page Not Found’ error page for both desktop and mobile versions of your site.

    First, create a ‘404’ error page for both desktop and mobile sites then set up a mobile redirect using the ‘Mobile Settings’ section of the Inspect or tab. In this way, if a user gets a 404 Page Not Found error when using a mobile device, they will be directed to your mobile 404 Page Not Found error page and not the desktop version.

    Once you have linked your desktop and mobile pages together, go to Site Publishing Settings. Scroll down to the ‘Advanced Options’ section. There’s only one option ‘Not found page’. Click on the drop down and set the page to the desktop 404 Page Not Found error page.

  4. If you have any unused assets in your website project that you know you won’t be using in the future, now is a good time to remove them. When developing websites, there’s often experimentation that leads to some ideas that you move forward with and some that you abandon. As such, your Project file may get cluttered with extraneous image files so why not remove them and reduce the size of your Project file at the same time?

    To remove unwanted assets first go to the Assets tab. Select ‘Find Unused Assets’ from the drop down menu that’s to the right of the word ‘Assets’.

    Any unused asset will be highlighted. Review these highlighted assets before removing the ones your don’t want.

  5. As SEO is baked in to EverWeb you don’t explicitly see features labelled as ‘for use with SEO’. If you have not included SEO in the planning of your website, it’s never to late to include it. Using SEO is the best way to improve your Search Engine Ranking Results. For a better understanding of SEO and how to use it in EverWeb, or if you just want a refresher, check out the SEO for EverWeb Course.
  6. If you have an EverWeb+Hosting Plan and EverWeb 2.4 or higher, you can add end to end data encryption to your website with HTTPS. To add this, tick the checkbox ‘Use HTTPS Secure URLs’ feature in Site Publishing Settings. For more information about this feature, check out the EverWeb 2.4 Released Making Your Website Safer! blog post.
  7. If you use Social Media, add an image to your web pages for social media purposes in the Page Details settings of the Inspector tab of your webpage.
  8. Spelling, typos and grammar checking! If you’ve written your own text content for your webpages, it’s easy to miss out on finding mistakes in your own work. If possible, get someone else to read through your text to find typos, spelling mistakes and grammatical error. It’s also useful for another person to check your sentence and paragraph flow.
  9. Preview your website before publishing. Preview shows you how your site will look when published without publishing the site to the Internet. You can interact with Preview to test out most features of your website, but bear in mind that some features, such as sending email, only work when your site has been published.
  10. Before you press the ‘Publish’ button, check to make sure you’re publishing to the correct location by reviewing the ‘Publish’ section of ‘Site Publishing Settings’. It’s especially important to do this if you’ve been publishing to a ‘test’ location before going live, or if you have more than one website under your EverWeb account. Accidents can happen, and you don’t want to be publishing your site to the wrong location.

These tips should make your publishing easier and reduce the need to correct your site afterwards. If you’ve got a tip to share, please let us know in the Comments Section below! Thanks!

10 Aug 2017

Language Localization in EverWeb 2.4 for Better SEO!

No Comments EverWeb, Software, Tips and Tricks, Tutorials, Web Design

The latest EverWeb release, version 2.4, adds a new feature that uses language and regional localization to help boost your website’s search engine results rankings. Your website will be better able to target your desired audience as potential visitors will be served results that are more specific and relevant to their search than before.

EverWeb 2.4 can take advantage of geographic location and the languages used in your website, which when combined with HTML’s language features, provide an SEO boost. As you’d expect, EverWeb makes Language Localization easy with just a few mouse clicks.

You can use the language localization feature for either commercial or non-commercial purposes e.g. businesses may be focused on serving customers in their own region, country or internationally. Non-commercial websites, for example, non-profit organizations, local associations, hobbyists and so on, may gain better reach and more focused results when trying to attract their target audiences such as local or regional markets or specific language groups within their area.

How Does Language Localization Work?
Language localization works in three different ways:

  1. For the website as a whole, i.e ‘globally’,
  2. At the webpage level only or
  3. Using a combination of the above two methods i.e. the website has the global language set, but occasionally this is overridden at the webpage level when needed.

The following are some examples demonstrating how to use, and get the best from, Language Localization:

Going Global!
At the global level is where you set the language localization for the whole website only. As an example, a website has been developed in EverWeb to sell digital products globally only via the internet. In this case, you may think that no language localization is needed. However, if the website itself has been developed in Spanish, it may be advantageous to set the global language to Spanish as well to better target Spanish speaking visitors.

To set global Language Localization:

  1. Go to the Site Publishing Settings either by using the menu File-> Edit Site Settings, or by clicking on the website name in the Web Page List;
  2. In the Head/Footer section of the Site Publishing Settings is a new setting ‘Language’, just below the Favicon setting. Click on the ‘Language’ drop down.
  3. When the list appears you’ll quickly see that there are numerous languages listed together with lot of local variations based on country. To get quickly to ‘Spanish’, start typing the word itself. Predictive search is used, so as you type you’ll be taken down the list quickly. Locate Spanish.
  4. For our example, we can just use the generic ‘Spanish’ without specifying a country to target all Spanish speaking visitors.
  5. Once Spanish has been selected, publish the website. Use File-> Publish Entire Site to make sure that the whole website adopts the change you have made.

Global Setting, Local Market
In the next example, a national animal welfare organisation, based in Austria, has designed their website using EverWeb. In this instance, the website will probably want to target only potential visitors in the Austria itself. As German is the language spoken in Austria, the global language would be set to German (Austrian).

Global Setting, Multiple Markets
Switzerland is an interesting country as it has a population of about eight million people and four nationally recognised languages: German, French, Italian and Romansh. A Swiss company may build a website with webpages in some, or all, of these languages.

In this case, the developers might select the most appropriate, or dominant, language used in the website as the global Language setting in Site Publishing Settings. This could be German, French or Italian (Romansh is not included as it’s only spoken by 0.6% of the population and so not listed.) Alternatively, the website developers could decide to have no global language and set up language localization just on a page by page basis.

Whether the website uses a global language setting or not, it’s likely that this website will want to set up Language Localization on a page by page basis. To do this:

  1. Open the website Project file and go to first web page.
  2. With the Inspector tab of the Inspector Window selected, go to the Page Details section.
  3. In the ‘Language’ option, select the language that is appropriate for your page e.g. French, German or Italian. Leave the setting blank if the page is in Romansh, and use other EverWeb SEO techniques instead for this language for SEO purposes.
  4. Repeat the process for all of the other pages in the Project file that need localizing
  5. Publish the website using File-> Publish Entire Site.

Same Language, Different Countries
There may be instances where your website uses one language but targets different countries that speak the same language. For example, an English language based site may specifically target markets in the US, the UK, Canada, Ireland, Belize, South Africa, New Zealand and so forth…

In this case, you may want to set the global language setting in Site Publishing Settings to English without specifying a country, then have country specific web pages using the language of English, but with their own specific country identified e.g. English (United States), English (Belize) etc.

When using EverWeb’s Language Localization options it may take a couple of weeks to see if it has been effective on your website visitor stats. If you find no uptick in your website traffic, you may also need to implement some other measures as outlined in EverWeb’s own SEO Course.

28 Jul 2017

EverWeb 2.4 Released Making Your Website Safer!

No Comments EverWeb, Software, Web Design

EverWeb’s just been updated to version 2.4 adding a couple of really important new features.

The first is EverWeb’s new Site Shield Addon that provides ‘End to End’ data encryption of your website, from host server to end user browser window. This is especially important if your website handles financial transactions or sensitive customer data. It’s also a great confidence plus for your website visitors knowing that your website is secure with the padlock in place in the browser search bar.

Using the Site Shield Addon makes your website HTTPS, instead of HTTP which is great for your website’s SEO as Google gives HTTPS sites a rankings boost over HTTP sites.

Anyone who has EverWeb 2.4 together with an EverWeb+Hosting Plan of 10GB or higher gets this feature absolutely free. If you’ve got a 2GB EverWeb+Hosting plan, EverWeb Site Shield is available at $29.95USD/year. Check out the Addons section of your EverWeb Client Area to purchase.

The second key feature of EverWeb 2.4 is that you can use the Language Localization feature to help boost your SEO rankings even further. If your website uses one language only, set the Language option in Site Publishing Settings to that language your web pages are written in.

If your website includes more than one language you can setthe Language option on a page by page basis in the Page Inspector. You can even combine the global website setting with page by page overrides for localisation purposes,

Selecting the new language options enables Google, and other search engines, to look at your website pages and serve search results that are better targeted to the audience you want to reach.

So, two great new features to enjoy in EverWeb version 2.4: End to End data encrypted websites and Search Engine Ranking boosts through Site Shield and the new SEO Language support options!

As well as these two major feature additions, there’s also a new dialog box asking you to confirm page and folder deletions. If you don’t want this confirmation dialog box, just tick the checkbox to not show it again.

All this plus the usual maintenance and stability improvements makes this a great release!

06 Jul 2017

Customizing Blog Navigation Links

No Comments EverWeb, Software, Tips and Tricks

When you create blog posts in EverWeb you’ll want an easy way for your visitors to navigate from one post to another as well as to the Index and, possibly, archive page. EverWeb’s Blog Posts Navigation Links are the easy way to do this. Here’s how to add and customize navigation links in your Blog Post…

Customizing Your Blog Posts Navigation Links

To customize your blog posts Navigation Links, begin by selecting your Blog Posts page in the Web Page List. Next select the Blog Post widget. This ‘widget’ appears in the Blog Post Preview Window and contains the contents of the post itself such as any text and images that you’ve added in to the Blog Post Editor Window. The widget also contains the Blog Post header information.

With the Blog Post widget selected, go to the Widget Settings in the Inspector Window. If you don’t see the Widget Settings, click on the Inspector tab in the Inspector Window and click on the Widget Settings ‘cog’ button.

With the Widget Settings displayed you can now customize the look of your Blog’s Navigation Links. Remember that as you’re changing settings in the Blog Posts Preview Window, they’ll generally apply to all your blog posts.

Display Options
EverWeb displays the Blog Post titles as Navigation Links for the ‘previous’ and ‘next’ posts and a text label, ‘Index’, for the blog main index page. You can toggle these display defaults on and off using the ‘Include navigation links’ and ‘Include index page link’ check boxes in the ‘Post Options’ section of the Widget Settings.

Furthermore, if you want to change the name of the Index page label, just enter the name you want in the ‘Index page name’ box. This action doesn’t change the name of the blog main page itself.

Changing Navigation Link Colors and Underline
After you’ve set how your Navigation Links will be displayed, you can customize the links themselves in a number of ways.

Click on the ‘Navigation Links’ Fonts button in the Widget Settings to customize most aspects of the Navigation Links all at one time using the Fonts Panel. Change the font type, font weight and font size to suit your website style but, leave the color and underline options as they are.

Changing Navigation Links Color and Underline
Blog Posts Navigation Links are, as you’ve probably guessed, hyperlinks, so you change their color and underline properties in the same way as you would for other hyperlink. However, for blog posts, use the ‘Post Link Normal’, ‘Hover’ and ‘Visited’ and Underline toggle options in the ‘Post Options’ section of the Widget Settings. Do not Use the Hyperlinks tab from the Inspector Window.

The changes you make will apply to all hyperlinked text objects you create after the change e.g. if you add a hyperlink in the Editor Window it will inherit the changed hyperlinks attributes.

Changing the Navigation Links Separator Bar
If you want to customize the color of the separator bar between the previous, index and next Blog Post links click on the ‘Navigation Links’ Fonts button in the Widget Settings. This will display the Fonts Panel again. Click on the Text box button in the Fonts Panel Toolbar and change the color from the default black to the color of your choice. The separator bar will change color, but the text of your Navigation (Hyper)Links will remain the color that you set earlier.

Adding A Link To Your Archive Page
If you want to link your blog posts to your archive page, simply add a Text Box, or button shape with text on it, to the Blog Post Preview Window. Use the Hyperlinks Inspector tab to link the text to the archive page. As the hyperlinked text is in the Blog Post preview window, it will be displayed on all blog posts.

Alternatively, you can also add a hyperlink to the archive page on the blog main page. In this case, click on the blog main page in the Web Page List and click on the blog main widget in the Editor Window. In the Widget Settings, use the ‘Show full archive’ section to add the link to your archive page. If you don’t see this in your Widget Settings, make sure that you have EverWeb version 2.1 or higher installed.

Setting up navigation links is easy and versatile, but if you have any questions or problems, let us know below!

23 Jun 2017

New 3rd Party “EverWeb Widgets” Now Available!

No Comments EverWeb, Software, Web Design, Widgets

Most EverWeb Discussion Forum visitors will already know Roddy McKay whose been a fantastic provider of third party widgets for EverWeb since 2013. Roddy’s EverWebCodeBox website has been a great source of widgets that extend EverWeb’s capabilities.

Roddy’s now created a completely new website, “EverWeb Widgets“, which has just launched with over 200 new widgets designed for EverWeb 2.0 and higher.

The new widgets take advantage of EverWeb’s updated widget API so offering a more feature rich experience than those in the EverWebCodeBox. The widgets are organised in to 20 categories making it easy to find what you want quickly. A website Search button is included to quickly locate widgets and the ‘Info’ menu is a useful resource on all aspects of the new widget packs.

Different widget categories cater for different design needs. The ‘Elements’ widget pack, for example, contains twelve widgets to create tables, lists, scroll to top buttons, text wrapped images, social media buttons and more. More advanced EverWeb users may be interested in widget packs such as the ‘Responsive’ pack which gives you the tools needed to build a responsive design website within EverWeb. The new ‘Responsive’ widgets supersede the ‘Flex’ system found in the EverWebCodeBox and are much easier to set up and use than before. Information detailing how to create a Responsive style website are included as well as some caveats and limitations of this approach.

The new widgets have also taken advantage of today’s web design trends with a new ‘Hero’ widgets category, Podcast widgets, Image Sliders, widgets for mobile and more. The widget packs also take advantage of EverWeb’s Full Width feature and the updates to the EverWeb widget API. All widgets in the ‘EverWeb Widgets’ website are fully described and include a demo so you can see how each widget works in real world situations. Widgets can only be purchased in packs and not individually. The number of widgets per pack will also vary depending on the widget category.

The new third party ‘EverWeb Widgets’ offer a great resource for any EverWeb user who has specific website needs, or requirements, that go beyond what is in the product itself. There are bound to be more widgets available in the future. You can stay up to date with any future widget pack releases from Roddy via the EverWeb Discussion Forum or directly from his website.

Summary
‘EverWeb Widgets’ : Third Party Widgets for EverWeb
EverWeb Version Required: Version 2.0 or higher
Available From: www.everwebwidgets.com
Experience Level: From Beginner to Expert depending on the widgets you want to use
Availability: Now, http://www.everwebwidgets.com