Mac SEO Blog

You may have noticed when using EverWeb, that there are quite a few places where you see the words ‘Alt Text’ displayed in the Inspector Window. You may also see that some widgets also include ‘Alt Text’ in their options. But what is Alt Text, what does it do, should you be using it in your site and if so, how can you get the best out of using it? Let’s find out…

What Is Alt Text?

Alt Text stands for Alternative Text. It is the ‘alternative’ to using an image. Alt Text replaces an image when the image itself cannot be loaded and viewed on screen. In addition, the other original intention of Alt Text was for it to be used to help visually impaired people who used special equipment that would read the contents of the screen back to them.

Alt Text and SEO

Adding Alt Text to an image in your EverWeb Project can also benefit to your site’s SEO as Alt Text allows search engines to better crawl and rank your website. All in all, adding Alt Text to the images in your website will make for a positive experience for your potential and existing visitors.

Adding Alt Text To An Image

There are a few places in EverWeb where you add Alt Text to your images. If you have standalone images anywhere on your page, just select the image you want then go to the Shape Options tab. In the ‘Fill’ section you will see there is an Alt Text field. Just enter in the text that you want to use. It’s that simple. If you use an image more than once in your site from the Assets List in the Assets Tab, you will need to add Alt Text to the image each time you use it. If you copy the image whilst it is on the Editor Window, using Copy and Paste, the Alt Text attribute will be preserved.

Remember that when adding Alt Text that it should be a brief description of what the image is, in less than 125 characters. A brief description is important because of the points made earlier in this post about the Alt Text being used for the visually impaired and also its role in replacing the image if it cannot be loaded in to the browser.

Many of EverWeb’s widgets also contain Alt Text fields e.g. the FlexBox and Text Section widgets. For the Image Gallery widgets, you can use a Caption to inform the visitor of what the image is if it cannot be displayed on screen.

Using Alt Text To Its Best Advantage

When you add a Alt Text description to an image, remember two things: First, be descriptive and do not use just a collection of keywords as your description, and second, bring out the detail and specifics of the image wherever you can e.g. if you have an image of a boat you might want to say, ‘The new 30 meter yacht, Princeton, launching from Dover Harbour, England.’ A third point is to remember the context of the photo in your site. In the example just sited, the context is easy as there is reference to both an event and a place. If your image is a generic one, for example, from a stock photo site, you should add Alt Text for the image that applies context to it within the page. As an example, I may want to use a stock photo with the word ‘SEO’ in it on my page. For the image’s Alt Text I could add some context relevant to my site by using this description: ‘EverWeb’s SEO Video Course is available on YouTube.’

Images in Your Project File

When using images in your Project file, it is always a good idea to name the image file descriptively before you grand and drop the file in to your EverWeb Project. This method is the best way for website crawlers to discover your image and use it when ranking your site. If you have already imported your image with a non-descriptive file name, you can still rename it in EverWeb. Just double click on the image in the Assets List and rename the file. In terms of SEO, this is OK, but is second best to renaming the file before importing it into EverWeb.

Alt Text is a great way to add accessibility to your site, it creates a more positive experience for your visitors and it can help boost your SEO. Use it only on the images that are important to your site. As with everything SEO, you do not need to add Alt Text to images that do not need it. Focus on what is important in terms of your site’s SEO.

More information on EverWeb and SEO can be found on the EverWeb website.

We are happy to announce the immediate availability of EverWeb version 3.5.1. This is a maintenance and stability release for the recently released EverWeb 3.5 which introduced Website Search to EverWeb. In addition to the usual fixes, the new version of EverWeb includes some additional new and enhanced features detailed below and in our E erWeb 3.5.1 release video.

Please let us know in the Comments Section below if you have any questions.

EverWeb 3.5.1 Includes…

• NEW For widgets that have an Assets List, you can now select multiple rows and the adjust settings for all of the selected Assets rather than having to go through each Asset individually to adjust its settings.
• NEW: Quick Look works for Assets Lists in widgets.
• NEW: You can now secondary (right) click on an object in a Responsive Row widget and remove it from the Responsive Row.
• NEW: Double clicking an object that is from a Master Page will show a warning that you have to edit it from the Master Page.
• NEW: If a crash report cannot be sent because EverWeb has to Force Quit, the next time EverWeb is launched you will see the crash report.
• NEW: The FlexBox widget now includes Button border styles.
• NEW: The FlexBox widget now includes a ‘max width’ property option for the button.
• NEW: The FlexBox widget now includes a transparency option for the mouse hover color.
• NEW: You can now paste a list of keywords separated by a comma in one row of the Keywords list in the SEO Section of the Page Settings tab and in the Keywords section of a Blog Post. EverWeb will automatically parse the list into individual rows.
• NEW: Added the video for the Search Bar to the Help ‘?” in the Site Search section of the Page Settings tab.
• NEW: TheSearch video has been added to Site Search widget.
• NEW: Site Search now uses Page Names if there is no title in the Web Page Description field in the Page Settings tab.
• NEW: Site Publishing Settings has a new ‘Add Domain’ button to easily register a new domain or to add a domain as an add-on.
• NEW: New Font Size variable for widgets.
• NEW: When using Disqus as the Comment Engine in Blog Posts, if you change a blog post title, you can now have Disqus use the new post title in place of the old title.
• IMPROVED: Copy and pasting text in to the Blog Post Editor.
• IMPROVED: The FTP Timeout window now shows the error along with the automatic reconnection/republish feature.
• IMPROVED: Changing the Navigation Menu Display Name for a page not in the Navigation Menu widget will not mark the pages with a Navigation Menu widget to be re-published.
• IMPROVED: Some settings in a widget’s Assets List that do not affect the EverWeb UI will not cause the widget to update itself.
• IMPROVED: Better error checking when an image cannot be published.
• IMPROVED: Removed the ‘Show Title’ checkbox in the YouTube widget as the setting is no longer valid.
• IMPROVED: Better error checking enhanced popup menu.
• IMPROVED: Error checking when replacing an image asset with a non-image file.
• IMPROVED: Responsive Rows with just one object in them cannot be moved around and dragged out of the Responsive Row.
• IMPROVED: Improved language localizations, especially Dutch.
• FIXED: Fix for shapes with ‘No Fill’ and a border not being published properly.
• FIXED: Spelling corrections in the Search Results widget.
• FIXED: Fixed blog updating issues on macOS 10.16.
• FIXED: Fixed blog cover image not appearing on macOS 10.16.
• FIXED: When using Quick View to Preview an asset in the Assets List, the down arrow now works correctly by previewing the next asset in the Assets List.
• FIXED: Better error checking/messaging when trying to preview a site without any pages.
• FIXED: Some buttons did not properly auto resize when using different languages if the text in that language did not fit the button.
• FIXED: Fixes to how EverWeb gets the preview for certain widgets within the Editor Window.
• FIXED: Min value for widget text fields could be set to a negative value.
• FIXED: Fixes for the Image Gallery widget when pressing the Pagination Buttons within the Editor Window.
• FIXED: File links work again in widgets using the Styled Text Editor.
• FIXED: Insert Date features works for non English systems.
• FIXED: Spelling mistake in Search Results widget Inspector fixed.
• FIXED: Fixed potential crash when using very large images with the scaling features for object backgrounds.
• FIXED: Fixed widget previews when replacing an image asset that the Widget is using.
• FIXED: Replacing an image asset with a different file extension will adjust the file extension in the Assets List.
• FIXED: Fix for FTP publishing for servers that require TLS for data and control connections.
• FIX: Widgets will properly preview when adjusting settings quickly, such as background color using the color window sliders.
• FIX: Widgets will now respect default hyperlink styles set under the Default Styles Window.
• FIXED: Fixes to full width shapes placed in Responsive Rows.
• FIXED: Fixed some labels in message boxes that were cut off.
• FIXED: Filenames that used non-English characters are no longer converted into their English equivalent.

If Search Engine Optimization is important to you, then EverWeb’s SEO Power Up could be a great addition to your EverWeb purchase. SEO Power Up Addon extends the range of EverWeb’s already built in capabilities by submitting your website to search engines from Google, Bing, Yahoo and Alexa.

EverWeb SEO Power Up also contains a variety of features so that you can more specifically optimize your website’s pages to get the best advantage when search engines crawl your site. You can change the priority of the page and the frequency in which the page is crawled by search engines.

Whilst EverWeb’s new add on debuted in version 3.4, it’s been improved in EverWeb 3.5 with the addition of Open Graph Tags.

What are Open Graph Tags?

The Open Graph Tag Protocol was originally developed by Facebook. Open Graph Tags are code snippets that determine how URL’s will be displayed in Social Media. What the Open Graph Tag does is to create the best feature rich preview of the URL possible.

How Does The Open Graph Tag Work?

The Open Graph Tag will look at the data and information that comes with the URL and will build a preview based on this e.g. the page title, page description and so on. Whilst apps generally try to create the best preview possible on their own, the Open Graphs Tag helps to provide richer previews so that your content stands out more in Social Media.

What are the Advantages of the Open Graph Tag?

The advantages of Open Graph Tags are that they:

1. Create the best feature rich previews for shared media links.
2. Help your content to stand out amongst other content.
3. EverWeb’s SEO Power Up addon adds Open Graph tags automatically.
4. Facebook, LinkedIn, Pinterest and Twitter are some examples of apps that take advantage of Open Graph Tags.

What Do I Need To Do in EverWeb?

As Open Graph Tags are part of the EverWeb SEO Power Up addon, there’s nothing you need to do as EverWeb will apply the tags to URLs automatically for your website. If you share URL’s on Social Media, they will be automatically used if the app takes advantage of the Open Graph Tags Protocol.

What About Open Graph Tags and SEO?

Open Graph Tags are meta tags and so will have an indirect influence and impact on your SEO. The advantage of Open Graph Tags is that they should improve the performance of your links in Social Media, which is a plus in itself. You may like to think of the Open Graph Tag as an optimization for the URL link when used in Social Media.

As always, we aim to make life easier for you when developing your website! And now with Open Graph Tags in EverWeb SEO Power Up, you get better, richer Social Media previews for your website URL’s without having to do anything!

Our latest EverWeb release, version 3.5, is focused on its new website search feature. If you use EverWeb for your blog, the website search features are also there for you!

Website Search in Blogs

EverWeb uses full text search in its website search feature so this means that your blog and its posts will be automatically included in any website search. This means that you don’t have to do any configuration work at all for website search to work.

However, if you want to customize your blog for search and also help boost your website’s SEO at the same time, EverWeb allows you to do this as well.

EverWeb 3.5 introduces two new features to blooging: Blog Post Short Summary and Blog Post Keywords. Let’s start with a closer look at Short Summaries.

Why You Should Use Short Summaries

A Short Summary is just that – it is a brief description of the blog post. When you search the Internet for something, the list of search results that you see are in the form of a web page title that links to a web page followed by the first words of the linked page displayed below it.

You may find that the first words of a your blog post that are displayed in search results do not convey what the whole blog post is actually about. A Short Summary can be used to replace this default text with your own descriptive text summarising what your post is actually about. This description has the advantage in that you can it as a ‘hook’ to entice potential visitors to click on the associated link.

The Short Summary is also a good place to add SEO Keywords or phrases. If you are interested in finding out more, check out our SEO for EverWeb Video Course. If you just want to find out how to get the most SEO effective Keywords or phrases for your website, take a look at the course’s Keyword Research video.

Tips on Creating a Short Summary

When creating a Short Summary in EverWeb remember:

1. Keep the Short Summary brief and to the point. You may want to do this by listing the key points of the blog, linking them together by simple, short sentences.
2. Include your SEO Keywords in the Short Summary if it is appropriate to do so. As we always remind you, do not sacrifice a great blog post description just for the sake of adding SEO keywords. It is actually counterproductive to do so.
3. Your Blog Post Title and Short Summary should clearly state to your potential visitor what the post is about. If the post title, or summary, does not reflect the actual content, visitors will probably not return to your site in future.
4. The Blog Post Title should also use SEO or Search Keywords if it is appropriate to do so.
5. The Short Summary will be displayed in the blog main and archive pages in place of the beginning text of the blog post. If you do not include a Short Summary, the beginning text of the post will be used instead.

Creating a Short Summary

Creating a Short Summary is easy:

1. First click on the Posts Page in the Web Page List of your EverWeb Project file.
2. Next click on the blog post that you want to add the Short Summary to.
3. Click on the Settings Cog and select ‘Edit…’ from the dropdown menu.
4. Enter the text that you want to use for the Short Summary in the Short Summary field,
5. Click OK to finish.

Using Keywords In Your Blog Post

As well as adding Short Summaries to your blog posts, EverWeb also lets you explicitly add ‘Keywords’ to your blog posts that you want to be available for search.

Enter the Keywords that you want associated with your blog post using the same dialog box as you use for Short Summaries. When adding keywords to your blog post, follow the same rules that you would use when adding SEO Keywords to the other pages of your site. 

Click on the Add button then enter the keywords or phrases that you want to include. Press enter to finish.

To edit the Keywords just double click on the keywords in the list, then edit the words you want to change.

To delete any Keywords, click once on the Keywords in the list that you want to remove, then press the Backspace key on your keyboard. The Keywords will be deleted.

When you have finished using the dialog box, press OK. Publish your site to implement the Short Summaries and Keywords.

Ordered Lists

The final new feature in blogging in EverWeb 3.5 is a minor one with the addition of more Ordered List types in the Blog Post Editor Window’s Toolbar.

EverWeb version 3.5 adds site wide search as its major new feature using the all new Search Field widget. This widget can be used to display your search results in a dropdown list or popup window. There is also a third option which links to the Search Results widget where you can choose to display search results on a dedicated page in either a scrollable or static results set. 

How Search Works in EverWeb

EverWeb automatically use certain fields in your project file as well as the text content of its pages as the basis for site wide search. EverWeb takes care of everything so you don’t need to do any work to set up search.  

However, if you want to, you can refine and customize your site’s Search Criteria when setting up your website search in order to refine search criteria and also to help boost SEO. It can also be useful to do a little work on your Search Criteria as there may be, for example, pages in your site that you do not want to include in your search results. For example you probably would not want to include placeholder directory pages that are blank but are used as dropdown menu headings in the Navigation Menu widget in your search results.

SEO and Search Criteria

Customizing your Search Criteria can be of benefit to your SEO, especially if you use your SEO Keywords or phrases. If you have followed the SEO for EverWeb Video Course, you will probably have already added keywords or phrases to your pages’ text and also to certain fields in EverWeb’s Inspector window to help boost your SEO. You should also find some useful SEO tips in the rest of this blog to help further boost the SEO potential of your website. Check out our SEO for EverWeb Video Course for more information.

What is Automatically Included in EverWeb’s Search Criteria?

EverWeb’s Search feature automatically uses the following search criteria:

• Full Text Search: The text content of your pages is included when performing a search. When including text in your pages, the words that you want people to search upon should be included in your page. 
  
  The text that you enter in to fields such as captions, or in the Styled Text Editor when using Widgets, is also used in Search.
  
  Remember that where possible, and appropriate, include your SEO Keywords or terms in your text. If possible position these keywords or terms in the first (or second) paragraph of your page’s text. You may even find that your search words and SEO keywords are often the same. Also remember, though, not to sacrifice the readability of your text just for the prospect of better SEO. This is counterproductive as your website’s visitors are less likely to return to your website if the text is not well written.
  
• Filename: In addition to the text content of your pages, EverWeb uses the Filename field in the Web Page List in site searches. Therefore, if you can, give your page’s filename a good descriptive name if at all possible. The additional benefit here is that a good Filename can also help your SEO!
  
• Web Page Title: Search takes in to account the Web Page Title field of your page in Search. You should aim to have a good descriptive title and include SEO keywords if it is appropriate to do so. As always please do not sacrifice your Web Page Title just for the sake of SEO.
  
  The Web Page Title is also important to include as it is used as the Page Title in the search results list. If you leave this field blank, the page title will be listed as ‘No title’ which is not helpful to anyone who is searching your site.
  
• Web Page Description: The Web Page Description field is found in the Search Engine Optimization section of the Page Settings tab if you are using EverWeb 3.5.
  
  Add the words, or phrases, that you want to be searched upon as part of your page description. Make sure that this field describes the page, and is not just a list of SEO or search related words. This field is important as it is used for both your website search results set within your website itself and for Internet searches where it is used to describe your page to the outside world.
  
  Again, it is better to have a good page description, even if it means having to exclude SEO Keywords or search words.

Excluding Pages from Search

EverWeb allows you to easily exclude any page that you do not want to be searched upon from the site search. Simply uncheck the ‘Include in Site Search’ box in the Site Search Section of the Page Settings tab of the Inspector Window to remove the page from the website search.

Excluding pages is appropriate if, for example, you have directory pages that redirect to child pages. If such a page is found in a search result, it will be empty as it is a blank page, so you should exclude pages such as these from your search criteria.Typically you use these directory pages as the main heading of dropdown menu lists in the Navigation Menu widget.

You will probably also want to exclude pages such as your ‘404 Page not found’ page from any search and if you have a dedicated Results Page that uses the Search Results widget, you may also want to exclude this too. Other examples include ‘Thank You’ and ‘Cancelled Order’ type pages that you might set up for use with PayPal widget.

SEO Power Up Addon and Search

If you have EverWeb’s SEO Power Up Addon, you can also explicitly add words that you want to be available for search, by entering them in to the ‘Keywords’ section of the Search Engine Optimization section of the Page Settings tab. This will also, of course, be advantageous for your SEO as well. To activate this field, check the box ‘Include page in search engines’. 

EverWeb SEO Power Up Addon users can also add keywords in to blog posts as described in the next section.

Search Criteria and Blogging

If you have your own blog for your website, Search also includes your blog posts in search results. Use the same methods as described above to add search terms to your blog main and archive pages.

When creating your blog posts, EverWeb will the blog post’s text and post title as search criteria, so again apply the same tips as described above for adding keywords and phrases in to your blog post.

EverWeb 3.5 has also added a couple of new features to blogging which will help you with search and SEO. You can now add specific search criteria to your blog posts. First select the blog post you want, then click on the settings cog on the left hand side underneath the list of blog posts. A dialog box will appear. Use the ‘Short Summary’ field to enter in a description of the blog post in the same way in which you would for a regular page using the Web Page Description field.

If you have purchased EverWeb’s SEO Power Up addon you can also add keywords to any post you want, which will then be used in Search and will also benefit your SEO.

Add the Keywords or phrases that you want to be available for search and SEO in the Keywords section of the dialog box. When adding keywords or phrases use the same methods as you would if you were adding Keywords or phrases to a regular page.

Setting up Search Criteria in EverWeb is super customizable so that you can define and refine your search criteria, and boost your SEO, simply and quickly.

The new website search feature recently introduced in EverWeb 3.5 uses the Search Field widget for the creation of a search bar in your site and for how you want website search results displayed. You can choose from one of three search results display options: dropdown menu, popup window or ‘One of My Pages’. When using the last option, EverWeb’s Search Results widget is used to display the website search results created from the Search Field widget in a dedicated page.

The Search Results widget is always used in conjunction with the Search Field widget so cannot be used on its own.

Before Using the Search Results Widget…

To create a website search that displays search results in a dedicated ‘Search Results page’, you will first need to make sure that you have added the Search Field widget to your website. Drag and drop the Search Field widget from the Widgets Tab on to your page. Preferably, add the widget in to a Master Page so that you only need to add the widget to your site once.

Adding the Search Field widget to your page will enable the search bar as well as giving you the three search results display options mentioned above.

Position the widget on the page then customize it as you want. Check out our post on installing and customizing the Search Field widget for more infromation.

Adding the Search Results Widget

Once you have added the Search Field widget to your page you can create the Search Results page in your site which will include the Search Results Widget. This can be a page that you have already created, or even the page that contains the Search Field widget if you want.

If creating a new page for your Search Results widget, you can use the Add button in the Toolbar to create a new page. Uncheck the ‘Include page in navigation’ option as you probably will not want a dedicated search results page to be included in the navigation menu. 

You may also want the page itself not to be included in any Search Results either. To remove the page from any Search Results, go to the Page Settings tab and open the Site Search section and uncheck the ‘Include in Site Search’ checkbox.

Once you have created and named the Search Results page, drag and drop the Search Results widget on to it. Size and position the widget as required. 

The widget displays five ‘place holder’ results on screen. Each place holder includes Page Title, Page Link and page description.

Customizing The Search Results Widget

Customize and style the Search Results widget using the Widget Settings.

• Language: Set the language that you want search related messages to be displayed in e.g. the message shown when no search results are found. You have nine different languages to choose from: English, Dutch, French, Finnish, German, Italian, Norwegian, Spanish and Swedish.
• Open Link in New Window: Use this Check box to open a clicked upon search result in a new browser window.
• Insert Margins: This field adds vertical and horizontal padding to the search results set. 
• Spacing Between Results: This field is used to add vertical padding between each result in the search results set.
• Content: Search results can be displayed one of two ways: As a scrollable set or as a results set that adjusts the results content height as needed. When using the Scrollable option, the results only scroll when there are enough search results found that go beyond the height set for the widget. 
• Use Page Description Text for Summary: When this box is checked, the text from the Page Description field in the Page Settings tab will be used as the text summary in the search results. Note that if the Page Description is short, text from the results page itself may also be added to the description in the search results.

In addition to the Widget Settings, you can customize the widget using other settings in EverWeb:

• To change the color of the links in the search results, go to the Hyperlinks Inspector and change the colors of the Normal, Rollover and Visited options are desired.
• You can add your own background color, gradient or image to the Search Results widget using the Shape Options tab in the Inspector. You can even add Parallax Scrolling if you want!

Linking the Search Field and Search Results Widgets Together

Once you have finished customizing the Search Results widget, go back to the page that contains the Search Field widget. Select the widget, then set the Search Results field to ‘One of my pages’. A little bit further down in the Widget Settings, set the ‘Search Results Page’ as the page on which you have added the Search Results widget. EverWeb will check that the Search Results widget is included on the page you select. If it is not present you will receive an error message.

Preview your website, then enter search words in the Search box to test. In our next blog post, we will look at search criteria in detail!

The recently released EverWeb 3.5 includes two built in widgets that allow your website visitors to search your site: The Search Field widget and the Search Results widget.

The Search Field widget can be used either on its own or together with the Search Results widget. The Search Results widget, however, can only used in conjunction with the Search Field widget. It cannot be used on its own. Both widgets can be used in either a fixed width page layout (e.g. a centered layout) or in a responsive page layout.

Adding the Search Field Widget to The Page

Use the Search Field widget to add a website search bar to your website. For example, the perfect place would be in a Master Page so that the widget is accessible on all the pages attached to the Master Page.

In this example, I am going to use a Responsive Page Layout.  Add the Search Field widget by going to the Widgets tab then drag and drop the widget on to the page. You can position the widget as you want to be on the page or do this step later if your page is not complete.

Customizing The Search Field Widget Settings

As you have just added the Search Field widget to the page you should see its Widget Settings in the Inspector Window. We will use these to customize and style the widget.

First, set the language that you want search related messages to be displayed in using the Language field e.g. the message that you want to display if no search results are found.

Next, choose how you want to see the search results using the Search Results field. You have three options: Drop Down Menu, Popup Window or One of My Pages.

When using the Drop Down Menu or Popup Window to display your search results, you can use all of the options except for ‘Search Results Page’ which is used only by the ‘One of My Pages’ option. Customize the settings as you want.

If you check the ‘Use Page Description Text for Summary’ box, the text from the Page Description field in the Page Settings tab will be used as the text summary in the search results. Note that if the Page Description is short, text from the page itself may be added to the description in the search results.

If you have chosen the ‘One of my pages’ option, you will need to use a page in your website to display the search results. This page must include the Search Results widget. 

Use the remainder of the options in the Search Field Widget Settings to style the search bar, the search button and the search button when it is moused over.

If you are using the ‘One of my pages’ option, style the Search Results widget using its own Widget Settings options in your search results page.

Setting Up The Pages to Be Used in Search

Once you have finished customizing the Search Field widget, you will need to define the pages that you want to be included in your search results. You will then need set up the words and phrases in your website’s pages that will be used for searching upon. 

By default, all pages in your site are included in Search, however, you may want specific pages to be excluded from search results, e.g. directory level pages that are used in navigation menus or 404 Page Not Found pages. To exclude a page from being displayed in the search results, uncheck the ‘Include in Site Search’ option in the Site Search section of the Page Settings tab. 

Adding Words To Be Included in Search

Once you have deselected the pages you do not want to include in search, you can add search words or phrases to the pages that you want to be available for search. Use these methods: 

1. Add Keywords to the Search Engine Optimization section in the Page Settings tab of your page. 
2. Add Keywords to a blog post by selecting the blog post, then clicking on the Settings Cog. Select ‘Edit’ from the menu then add your Keywords in to the Keywords section.
3. Add a Web Page Description for the page. 
4. In blog posts, use the Short Summary field to enter a description of the post.
5. Add your search words in to the text of the page, or blog post.

Add a Web Page Title To Your Page

Make sure to complete the Web Page Title in the Page Settings tab as this is used as the title if the page is found in the search results. If you have search results that have no Web Page Title, these will be displayed with a title of ‘No Title’.

Once you have finished, preview or publish your site to test out your website search!

We’re excited to introduce EverWeb 3.5 which is all about Website Search! Two great new widgets give you fully customizable website search options and three ways of displaying the search results. That’s not all though as we have added reverse wrap to the Responsive Row widget, Short Summaries and keywords to blog posts for better SEO and Open Graph tags have been added to the SEO PowerUp addon for better social media interaction.

Last, but not least, EverWeb 3.5 has been developed as a macOS Universal Binary, so will run natively on Apple Silicon Macs without the need to use Rosetta 2 as well as running on Intel Macs as always!

All this and more in EverWeb 3.5! Check out EverWeb’s new features in the video at the top of the page and below for a complete list of its new and enhanced features as well as the usual fix list.

Which Version of EverWeb is For You?

EverWeb is available in the following versions:

• If you are running an Intel Mac running OS X 10.10, macOS Yosemite, El Capitan, Sierra, High Sierra, Mojave, Catalina or Big Sur, EverWeb version 3.5 is available for you.
• If you are running an Apple Silicon Mac running macOS Big Sur, EverWeb version 3.5 is available for you as a Universal Binary. EverWeb will run natively without the need to use Rosetta 2.
• If you are running OS X 10.7 – 10.9 (Lion, Mountain Lion, Mavericks) EverWeb version 3.1 is available for you.
• If you are running OS X 10.6 EverWeb version 2.5.2 is available for you.

When updating to the latest version of EverWeb, the update process will automatically download the correct version of EverWeb for your operating system.

EverWeb 3.5 Includes…

• [NEW] EverWeb 3.5 can be run on Apple Silicon Macs as a Universal Binary using macOS 11 Big Sur.
• [NEW] Search Website feature allows your visitors to search your website’s pages.
• [NEW] Website search results can be displayed in a dropdown list, a popup window or on a dedicated page.
• [NEW] Search Field widget allows you to set up a search bar and search results.
• [NEW] Search Results widget allows you to display results in one of the pages in your website.
• [NEW] Site Search section in the Page Settings tab of the Inspector window allows you to include or exclude the page in website searches.
• [NEW] The Responsive Row widget now includes a Reverse Wrap option.
• [NEW] You can now duplicate Form Controls in the Contact Form Advanced widget.
• [NEW] YouTube widget now includes a mute sound option.
• [NEW] Open Graph Tags are automatically included when you publish your site.
• [NEW] Short Summaries for blog posts allow you to enter descriptive summaries about your posts.
• [NEW] You can enter Keywords in your blog posts.
• [NEW] The Blog Post Editor Toolbar now includes options for ordered lists to be either Default, Lower Alpha, Lower Greek, Lower Roman, Upper Alpha or Upper Roman.
• [NEW] You can add Hex codes for colors in the Blog Post Editor Toolbar’s Color Picker.
• [NEW] The Blog Post Editor Toolbar now includes options for unordered lists to be either Default, Circle, Disc or Square.
• [NEW] A ‘Duplicate’ button has been added to the Contact Form Advanced widget’s Form Controls section.
• [NEW] A ‘Test SMTP Details’ button has been added to the Contact Form Advanced widget.
• [NEW] Option to only use local Jquery and not try to connect to Google servers has been added to Site Publishing Settings.
• [IMPROVED] If you add or remove pages that are included in Navigation Menu widget only the pages with the Navigation Menu widget will have to be republished.
• [IMPROVED] Improvements to loading HTML previews in HTML viewers for widgets that use plugins.
• [IMPROVED] RSS Feed widget improvements for when images can’t be found in a feed. The widget will still properly preview.
• [IMPROVED] Improved language localizations.
• [FIX] Fixed an issue with shapes that use picture frames not exporting properly.
• [FIX] Arrange-> Align-> Left and Arrange-> Align-> Bottom now work correctly.
• [FIX] Shapes using Picture Frames could not have a colored background but now can.
• [FIX] In the Assets List, secondary clicking on multiple assets and selecting ‘Add to Folder…’ would incorrectly add an external file to the images section of the Assets List if an external file was selected while some image files were also selected.
• [FIX] Select color button now copies colors properly with the right click->Copy function.
• [FIX] Assets that are used in blog posts can now be found properly.
• [FIX] Render error icon for widgets when they cannot be generated due to compilation errors.
• [FIX] Fix for exception on mouseover in Navigation Menu widget.
• [FIX] Shadows now work for widgets and when exporting responsive css.

How To Update To EverWeb 3.5

You can easily update EverWeb by either:

1. Launching EverWeb then going to the EverWeb menu at the top of the screen and selecting ‘Check for Update’ or by
2. Downloading EverWeb from the EverWeb website.

After downloading EverWeb, double click on the EVERWEB.DMG file. A window will open. Drag the EverWeb icon on to the Applications folder icon. Once the file has been copied, you can close the installation window, delete the .DMG file and eject the EverWeb disk on the desktop by dragging it to the Trashcan.

Remember, you won’t lose any previous data when updating as your website project files are stored elsewhere on your computer.

The update is free for EverWeb + Hosting users and EverWeb Standalone users who are within their 1 year of free upgrades and support period.

You can easily check your EverWeb Standalone free update period from EverWeb’s Preferences window or from your client area.

If you have passed your one year of free EverWeb updates, you can purchase 1 more year of upgrades and support from your client area.

You can easily re-download earlier versions of EverWeb from your client area if you are not ready to purchase an additional year of updates and support.

Login to your client area and go to the ‘Manage Product’ page. On the left of this page, select ‘Downloads’ and choose the version of EverWeb that you need.

More Information About EverWeb

For more information about the new version of EverWeb, please check out the following resources:

• The EverWeb website which has up to the moment information in it’s new blogging section
• New EverWeb videos on YouTube
• The EverWeb User Manual in EverWeb’s Help-> User Manual menu
• The EverWeb Discussion Forum

If you can’t find what you need, or have any other questions, comments or feedback please let us know. We’re happy to help.

EverWeb on Social Media

You can also find EverWeb on the following social media platforms:

Facebook

Flipboard

YouTube

Twitter

Instagram

The Contact Form Advanced widget was introduced with EverWeb 2.0 and has grown in to a fantastically rich and versatile widget. The idea behind this widget was to provide a feature rich but secure widget so that your contact form would be less liable to SPAM and malware attacks. But that’s not all as the Contact Form Advanced Widget has a lot of other great features that can make filling in a contact form the best experience possible, Here are our Contact Form Advanced Widget feature recommendations based on the latest version EverWeb, version 3.4…

1. reCAPTCHA: This is a great tool, provided through Google, that adds security to your form. If you do not already have reCAPTCHA set up, just click on the ‘Sign Up for reCAPTCHA v2’ button and follow the instructions. At the end of the process you will get two keys: A Site Key and a Secret Key that you will need to copy and paste in to the corresponding fields in the Contact Form Advanced Widget Settings.
   Once you have set up reCAPTCHA and published your site changes, when a visitor uses your contact form, they will be asked to identify like photos in order to send the form to you.
   
2. Submission Confirmation Messages: There are two options available when a visitor hits the Submit button. The first is that the on-screen confirmation that the form has been sent. The message is automatically displayed and you can customize the message as you want. The second message is an Email Confirmation to the visitor that the form has been sent. For the latter feature to work, you need to enable reCAPTCHA in your form.
   Note that whilst these messages tell your visitor that the form they have been completed has been sent to you, this does not necessarily mean that you will receive the form. It is unlikely that this will happen, but be sure and test your form before going live with it and also make sure to check the email address that you use in the ‘Email Address to Send Form to’ field in the Widget Settings to make sure that it is a valid email address.
   
3. Remember Required Fields: Use this kind of field wisely. Too many ‘required fields’ may irritate your visitor and lead to them not completing the form. If there are too few required fields you may find that you have incomplete data, skewed data or an inaccurate overview of the data you originally wanted to collect. Finding the right balance of Required Fields may prove essential in your form.
   
4. Validation Messages: When visitors have not completed the form correctly e.g. they have not completed fields in the form that are obligatory, EverWeb will send out a default message as per the Form Validation Error Message field. You may want to customize this message to better suit your form. It is also worth considering giving your visitors more information about how to complete the form which leads on to the next tip…
   
5. Tips and Instructions: Creating a form is often straightforward, but there may be times where you need to add detail and complexity to the form which may require you to explain in more detail what parts of the form mean and how to complete them. This can happen, for example, if you use open ended questions in your form or if you are surveying people on their opinions. This is where using Placeholder Text and/or Control Instructions/Tip can prove invaluable. The Placeholder field is great for adding an example in the field e.g. in the email address field you may want to add e.g. Jane.Doe@mysite.com as an example of what to fill in. When your visitor types in the field, the Placeholder text disappears.
   The Control Instructions/Tip field does exactly that. Add information that will be useful for filling in the released field. The instructions/tip will be displayed immediately below the field itself. You can customize the form field and Control Instructions/Tip field’s font attributes as you want.
   
6. Forwarding Your Visitor to Another Page: Once your visitor hits the Submit button, you may want to take them away from the contact form page to another in your site. This could be e.g. a thank you for filling in the form page, or to a ‘what happens after you complete the form?’ page, or you may want to just return the visitor to your site’s Home page. Use the Forward to Page field to select the page you want the visitor to taken to.

Fine tuning the settings of the Contact Form Advanced widget can lead to an enhanced visitor experience and can help you collect the data that you require. Adding information to help visitors complete the form accurately will make form filling quicker, easier and more accurate!

In the previous post, we discussed how objects are stacked in Fixed Width page layouts and how you can change the order of objects within the stack, even when you have a Master Page attached to your page.

In this post, we explore how objects in a Responsive Page Layout in EverWeb are handled when you are building your responsive website.

The Same but Different…

If you have been a long time user of EverWeb you will probably know already that when it first came out you only create websites with a Fixed Width Page Layout. This all changed in EverWeb 2.8 when the Responsive Page Layout was added.

One of the design goals that we wanted to make sure of was that you could use EverWeb with a Responsive Page Layout in exactly the same way as you did with a Fixed Width Page Layout. For example, adding a new page, editing a TextBox, drag and dropping objects, accessing menu options and and so on would all remain the same as before. This goal was achieved, however, the concept of Responsive Website Design is in many way different to Fixed Width website design. As such, whilst EverWeb works in the same way as before, the fundamentals of designing a Responsive website is distinctly different to designing a Fixed Width website.

…Different but the Same

If you are designing a Responsive website in EverWeb for the first time, take a look at EverWeb’s YouTube video site to help get your started, or the EverWeb User Manual within the product which has a whole chapter dedicated to get you quickly productive.

If you have already been using EverWeb’s Fixed Width Page Layout for your site, you may want to convert your existing site to a responsive one, or you may simply want to design a completely new site. These are the kinds of circumstances where you will quickly find out that everything is different but the same. Again, check out the EverWeb User Manual to get up and running quickly.

Object Handling in Responsive Pages

One major area of design difference is how objects are handled on the page. In a fixed width design page design, objects can be stacked one on top of the other. In a responsive page design this is not possible. For example, create a Fixed Width page then add a rectangle to it. Next add a triangle. The two shapes appear on top of each other so you will se the triangle as it is the same color as the rectangle that it sites on top of. You can change the color of the triangle e.g. to yellow, to see the two shapes clearly on top of each other.

Now go to the Page Settings tab and change the Page Layout from ‘Centered Layout’ to a Responsive one. You will see that the yellow triangle sits on the top row, the rectangle shape is below it on the second row and the EverWeb logo sits beneath the rectangle on the third row.

If you try to stack any of these objects one on top of the other, you will find that it is not possible. Instead the objects will appear move to a different row, again one on top of each other. Now try to move the bottom object further down the page so that it is on its own. You will see that this time the object just snaps back to sit under the second object.

In responsive design, stacking one object on top of another is not usually possible and all object rows in a page must be contiguous to one another. There are many reasons as to why this is necessary, but essentially it is because a responsive page is scaleable that it is a requirement that the page structure is maintained at all times, at any scaling point. Objects on the page have to stay properly contained within the page at all times, so one of the ways to achieve this is to have the objects ‘flat’ on the page rather than allowing them to be ‘stacked’.

Options! Options! Options!

The Responsive Web Design approach may be frustrating at first if you have come from a Fixed Width design background. It may take time to get used to how responsive design works and the pros and cons of it. Here are a few tips that may help you out…

1. Background colors and images. Most objects and widgets can have a background color, or image, added to them without the need for a background shape being added.
2. Group Objects Using the FlexBox and Text Section widgets. Placing objects near to each other can be easily achieved with these two widgets so it’s easy to group text, images and buttons together as you want.
3. Images. If you want to have a frame around an image in a responsive page, you can add a line to an image using the Shape Options tab. You cannot use a Picture Frame, however, as the frame is actually an image in its own right so adding it to an image would make the two images appear side by side. Instead, it is better to add a frame to the original image using an image editor then use this image in EverWeb instead.
4. Check Out Third Party Widgets. There are some great third party solutions from EverWeb Widgets, EverWeb Garden and that may give you the solution you need. Note that some of these third party widgets are free, some are paid for widget.
5. Graphics Editors. You may find that a graphics editor becomes more useful if you need to include a ‘stacked’ type object on your page. Export the complete image as a jpg or png file then drag and drop the image in to EverWeb.

Embracing Website Design Differences

Responsive Web Design offers a different way of developing your website and has many advantages over traditional fixed width designs. The advantages (discussed in the EverWeb User Manual) of responsive web design, however, makes the design approach more difficult. In some ways you may feel constrained in what you can do, as the example of stacking objects, illustrates. It’s a different paradigm, though. Once you start working with responsive pages in EverWeb, you will start to find that there are many different possibilities and solutions at hand. It is just thinking in a different way, out of the box, or maybe within a ‘boxes within boxes’ approach that typifies responsive web design.