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!

20 Jul 2017

Mac OS Tools To Use With EverWeb

No Comments Software, Tips and Tricks, Web Design

Sometimes it’s easy to forget that macOS has a range of time and labor saving apps with features that can speed up your EverWeb website development. These apps are typically located in the ‘Utilities’ folder within the Applications folder of your Mac.

As these tools are part of your macOS, they’re absolutely free, and provide basic functionality, although there are sometimes great features hidden in these apps if you know how to find them. Let’s have a look…

Using Utilities Apps
The easiest way to open any of the apps described below is by a Spotlight Search. Just hit Cmd+Spacebar and start typing the name of the app in to the search box. As you type, the app you’re looking for will appear in the search results. Double click on the app to launch it.

Digital Color Meter
Good For: Matching Up Colors

Sometimes you may need to match up colours correctly in your website e.g. if you are converting an iWeb website to EverWeb you may want to retain your original color scheme in the process. Possibly you may reach for the Digital Color Meter app to do this as it matches color in a number of different ways e.g. HEX Code, RGB etc. There is, however, a quicker way.

In EverWeb open the Color Picker using the Color button in the Toolbar. In the Color Picker is a pipette symbol to the right of the colour swatch (i.e. to the left of the colors you have saved in the grid.) Click on the pipette and you’ll get the same functionality as you would using the Digital Color Meter.

Grab
Good For: Quick and Easy Screen, Window or Selection Captures.

Grab is macOS’s own screen capture utility. You can capture the whole screen, just the window you want or a specific selection. There’s even a timer function. The app supports shortcut keys for these features so it’s quick and easy to use. Files can be saved in PNG, JPG and TIFF formats. The limitation of Grab is that you can’t edit images you have captured which is where Preview comes in…

Preview
Good For: Basic Image Editing Tasks, Instant Alpha, Export File Formats

Preview is probably your go to app when it comes to useful tools to use in conjunction with EverWeb. It’s great for resizing images, especially when converting images to Retina display. There’s an image cropping tool which is useful if you need to refine your image a little after using tools such as Grab. Alternatively, remember that EverWeb’s Masking feature can do the much the same and is non-destructive to the image.

Preview has editing features so you can annotate your images with text or shapes. Adjusting image color is really where Preview does a great job with a host of features you would expect to find in more dedicated graphics apps.

Perhaps the tool that most iWeb users will want to use is Instant Alpha as this was included in iWeb. Instant Alpha replaces a color by making it invisible, thereby creating a transparent background where the color used to be. You’ll find Instant Alpha in other Apple iWork products such as in Pages.

Instant Alpha can be found in Preview’s Toolbar. I would recommend always having the Toolbar displayed as it brings all the features you really need immediately to hand.

Finally, you can export your images in a number of formats such as JPEG, PNG, TIFF and even PDF. To use the saved image, just drag and drop it on to the Editor Window in EverWeb or in to the Assets List if you want to use the image with EverWeb’s Image Gallery or Image Slider Widgets.

Font Book
Good For: System Font Management

Font Book is the place where all of your system fonts are stored. It’s also the place where you can add in additional third party fonts such as fonts from Google Fonts. Rememeber that if you use third party fonts other than Google Fonts, you’ll need to have them properly hosted so they’re reproduced correctly when users visit your website in their browser.

If you add fonts to Font Book, and they do not show up in EverWeb’s Font Panel, just close and relaunch EverWeb and they should appear.

Quick Time Player
Good For: Video and Audio Creation, Basic Video and Audio Editing

In addition to Preview, Quick Time Player is another of macOS’s unsung heroes. Using this versatile app, you can record both video and audio tracks. Video export options go to up to 1080p with macOS Sierra, but in macOS High Sierra expect 4K to be added.

Once you have recorded your video or audio, you can do some basic editing tasks such as splitting clips, adding clips to the end of an existing clip and even trimming a clip. All of these features can be found on the Edit menu.

Quick Time Player is great for when you want to use clips in EverWeb using it’s own Audio and Video widgets!

With macOS Utility Apps, it’s easy to add extra features to your website without any extra cost!

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