WEBSITES GUIDE. Updated 13th May 2016

Transcription

1 WEBSITES GUIDE Updated 13th May 2016

2 INDEX INDEX OPTIONS PAGE HOMEPAGE How to access the homepage for editing Setting up your homepage Headline Introduction Home Slider Main About Us Home Sections What People Say GALLERY Setting up the Gallery page INSTRUCTORS Setting up the Instructors page MENU SET UP PAGE Setting up the Menu Adding Pages to your menu Changing the menu structure DOMAIN NAME FORWARDING Adding Pages Full Width Template Two Column Template How to add a new page Website check list Before website launch After website launch Yoast SEO Plugin (Optional) Yoast SEO basic set up Page 2 of 57

3 OPTIONS PAGE Before you can start adding content to your myma Website, you will need to fill in the Options Page. The Options Page holds all of the commonly used information that your website displays such as your school logo, school name, address, contact details and so on. Accessing the Options Page... 1) Log Into Your Website 2) Select Options from the left hand side menu Page 3 of 57

4 Option School Name API KEY School Logo School Name Address Line 1 Address Line 2 Town/City County Postcode Main telephone Google Map Main Address Description Enter your school name. This field is prefilled. If it is empty please webtools@nestmanagement.co.uk or call the IT team on Click Add Image to upload an image of your school logo. This accepts most file types including png, jpg and gif. Enter your school name here. Enter the first line of your address. Enter the second line of your address. Add your postal town or city. Add your county. Add your postcode Add your main contact telephone number. This is the number that prospects would typically call to book a lesson or make an enquiry. This can be a landline or mobile number. Add a google map of your main school location. Go to and enter your business name as it appears on Google Maps. Click share on copy the 'share link' and paste it here. Add your main address that you would like prospects to use to contact you. After adding your information click the Save Options button. Page 4 of 57

5 HOMEPAGE The homepage features customisable blocks that you can edit to add in your own text and images. The Homepage also uses information that we set up earlier in the Options File. These are: School Logo School Name School address Googlemap However, from the homepage you can edit the following sections: Headline Introduction Image Slider Class Sections (Image, Headline, Text & Button) What People Say About Us Page 5 of 57

6 How to access the Homepage for editing 1. Log into your dashboard 2. From the left hand side menu, select Pages 3. Click on Home - Front Page Setting up your Homepage You ll need to complete the following sections: Headline Write your headline here for example Martial Arts Classes In Nottingham Introduction Write your introduction here. Tell people what you do, who you do it for and where you do it. Try to include your main keywords in this section too to help your search engine ranking. Page 6 of 57

7 Home Slider Main You can add three images to appear in the slider. Click Add Image to upload an image of your choice. IMPORTANT For the slider to work correctly, images must be the same dimension as each other. Page 7 of 57

8 About Us Use this section to write a brief summary about your school. Page 8 of 57

9 Home Sections The home section is a row of boxes that includes an image, a headline, some text and a call to action button. Use this section to link to your class pages or other pages such as a special offers section. Click Add Row and add your image, title, body text and call to action (this is the page that your button will link to) Page 9 of 57

10 Click Add Row when you are ready to add another section. There is no limit to the number of sections you can add in here, but we recommend that you have at least 3 and no more than 12 on the homepage at one time. What People Say This section shows testimonials on your homepage. You can add up three quotes in this section. What they said Add your customer s quote or testimonial here What_name The name of the person who provided the quote or testimonial Once you ve entered all of your information, you can either Preview Changes or click update if you re happy with everything. You re all done! Page 10 of 57

11 GALLERY The gallery page is quick to set up and lets you add an unlimited amount of images. Use this page to show off photos from your classes, school and your students achievements as well any other events that you ve run to give prospects an idea of the look and feel of your school and classes. Setting up the Gallery page Log into your dashboard and go to Pages in the left hand menu and select the gallery page. You will see the following screen: Page 11 of 57

12 To add an image to your gallery click Add To Gallery You ll now see the Add Image To Gallery box. Page 12 of 57

13 If you already have images in your media library, you ll see them under the media library tab. To upload new images select the Upload Files tab (circled orange). You ll see the Upload Files box: Page 13 of 57

14 You can either click Select Files or you can drag them from a folder on your computer into the box to upload. Page 14 of 57

15 After uploading your image, you ll see it available for selection: You can carry on adding more images or if you re finished, click Select to add the image to the gallery. Page 15 of 57

16 You ll see the images you uploaded earlier. To finish adding images, you can either click Preview Changes to get a quick preview of your gallery page, or click Update to add it to your Gallery. If at a later point you decide to add more images, just repeat the steps above. Page 16 of 57

17 INSTRUCTORS Display your instructor s photo and biography on the instructor's page. Use this page as a way of introducing your instructors to prospective students. Setting up the Instructors page Log into your dashboard and go to Pages in the left hand menu and select the instructors page. You will see the following screen: Page 17 of 57

18 Click Add Instructor Page 18 of 57

19 Here you can add an image (instructor s photo), their name and some information about them (bio): You can either add another instructor, or click preview changes to review your page or click Update to finish. Page 19 of 57

20 MENU SET UP PAGE Your myma website has a menu that you can customise by adding your own pages. This is the main menu that appears at the top of website - see example A below: Setting up the Menu Log into your Dashboard and go to Appearance in the left hand menu and select Menus You will see the following screen: Page 20 of 57

21 (A) Pages - From here you can select a page to add to the menu (B) Menu Structure - Organise the menu structure. For example, you might have an About page that has sub pages such as instructor that will appear underneath the About page in the menu. (C) Menu Settings - You can set up menu so it automatically adds new top level pages to your website as you create them. Page 21 of 57

22 Adding Pages to your menu To add a page to your menu, select it (1) and then select Add To Menu (2): 1. Select the page(s) you d like to appear in the menu. 2. Select Add To Menu 3. The page(s) will be now be added to the website menu: Page 22 of 57

23 Changing the menu structure You can also customize the menu structure. This means you can: Change the order that menu items appear Add sub menus for sub pages Example of a submenu To edit the menu structure you can drag each menu item into the order you d like them to appear: Page 23 of 57

24 Drag menu items up or down to place change the order. If you d like a menu item to appear as sub item, just drag it underneath the menu item you d like it to appear under. For example, in the screenshot above, the instructors menu item has been dragged underneath the About menu item so it appears as a sub option. Once you re happy with all of your changes, you can select Save Menu Page 24 of 57

25 Adding Pages You can add as many pages to your website as you like! You can also choose from two templates that you can apply to these pages when you publish them. Full Width Template Page 25 of 57

26 Two Column Template Page 26 of 57

27 How to add a new page Log into your Dashboard and go to Pages and then Add New You will see the following screen: 1. Add your page title here. This will appear at the top of the page above your article 2. Add media - click this to add images. After clicking this option you can either upload new images or choose one you ve already uploaded. 3. Write your main content here. You can add additional images throughout the page using the Add Media button. 4. Template - click to choose either the full width or Two Column template. Page 27 of 57

28 When you are finished adding your page content you can either click Preview to preview your page or click publish to publish it live on your site. If you would like to add the page to your website s main navigation then go to the menus option and add your page to the menu. For help on this see the menu set up page section in this guide. Page 28 of 57

29 CUSTOMISE YOUR WEBSITE Your myma website comes with built in customisation options so you can change the look and feel of your website to match your school s branding. For users with CSS knowledge, there s also a built in CSS editor that you can use to customise the styling even further! Page 29 of 57

30 How to customise your myma website Log into your Dashboard and go to Appearance and then Customise. You ll see the following: Now you have the customisation menu where you can make styling changes to your website. The options that you will find most useful are the Style Presets, Colors, Fonts and for more advanced users, the CSS Editor. Page 30 of 57

31 Style presets Style presets feature a set of three default themes that you can apply to your website. You can also customise these templates to create your own! Select styles presets and you ll see three colour themes: When you select a style you will see a preview of it on the right hand side. In the example below we ve selected the Orange style: Page 31 of 57

32 Notice that the theme now features the new themes settings, with orange buttons and a different font style. When you ve done, just click Save & Publish to apply the style preset. Page 32 of 57

33 Editing your own theme Instead of using style presets, lets use the edit colors and font option to create your own theme! Colours Select Colors from within the customiser: Page 33 of 57

34 From here you can edit the following colour options: Page 34 of 57

35 Select your colours (you ll see these changes in the preview on the right hand side). Once you are happy with your changes, click Save & Publish to apply your changes. Fonts Page 35 of 57

36 Choose your font options: Again, you can see a preview on the right hand side. Once you are happy with your changes click Save & Publish to apply the changes to your website. Page 36 of 57

37 BLOGGING Your myma Website is built on the Wordpress platform which means you can publish blog posts on your website which is great for marketing and search engine optimisation. Setting up your Blog Index Before you start publishing blogs, we need to tell wordpress which page to use as the blog index page - this is the page that shows all of your current or recent blogs. Log into your Dashboard and go to Pages and then Add New : A - Title the page Blog B - Under the template dropdown select Blog Index Page Click Publish to finish After publishing the page, we now need to tell Wordpress to default to this page when displaying the latest or current posts. Page 37 of 57

38 From the Dashboard, in the left hand menu go to Settings and then select Reading. You ll then see the following screen: Page 38 of 57

39 A - This setting should already be set to Static Page B - Posts page - click the dropdown menu and select Blog. Click Save Changes to finish. The Blog index page is now set up! HOW TO WRITE & PUBLISH POSTS So now the Blog Index page is set you can start writing posts! Log into your Dashboard and from the left hand menu select Posts and then Add New Page 39 of 57

40 You ll see the following screen: The Add Post editor is almost indetical to the Add Page editor, except with posts you can can also add a category. A - Add the title of your post here B - Add media such as video and/or images to your post C - This is the main content area where you can media and also your article text. D - Categories - you can add a category to your post e.g. News, Gradings, Events. If the category doesn t already exist just click + Add New Category to create it. E - Set Featured Image - This is the main image that appears at the top your post. Once you ve done, just click Preview or Publish to set it live on your site. Page 40 of 57

41 CHANGING MENU TITLE How to do it... You can edit the title in your website s menu. To do this log into your Dashboard and click on Settings in the left hand menu. You should now see the settings page: Page 41 of 57

42 Add your new title in the Site Title field (1). Click Save Changes to finish: Page 42 of 57

43 WEBSITE CHECK LIST When redesigning or moving to a new website or domain there are a few things to consider to help preserve your existing search engine rankings. We ve created a checklist of tasks to do when changing over to your new website. Before website launch (If using a brand new domain) - Make sure 301 redirects are in place. This tells Google that your website has changed its web address and that it needs to redirect to your new one. (Using existing domain) - Redirect your old page URLS to your new ones using a 301 redirect. Make sure that each of your pages has a unique Meta Title and Meta Description. Check your page for any spelling mistakes. Check the links on each page of your website to make sure they are working properly. Check the load speed of any images you ve uploaded on your website. If they are taking a while to load, reduce the file size and upload again. Check that all contact information including telephone numbers and addresses are accurate and up to date. Check that the lesson information on your timetable page is accurate and up to date. If this is not the case then go to myma and update your lesson details. Place a test booking on your timetable page. Make sure that the details displayed on the booking confirmation page are accurate and that you have received a booking confirmation (one for the instructor and one for the test student). Check your cookies, privacy policy and terms pages to make they are populated. Page 43 of 57

44 After website launch Check all links are working properly on all of your pages. Check that all pages are displaying properly along with any images. Make sure that any 301 redirects you have set up are working properly by visiting your old domain or urls and making sure they redirect to your new website. Place a test booking on your timetable page. Make sure that the details displayed on the booking confirmation page are accurate and that you have received a booking confirmation (one for the instructor and one for the test student). If you use Google Search Console, login and do Fetch as Google to submit your website for reindexing. (If using a brand new domain) - Update your website address on any social media you use e.g. Facebook, Twitter, Google Plus. (If using a brand new domain) - Update your website address on any third party websites you might be visible e.g. Yell, Yelp etc (If using a brand new domain) - Update your Google Map listing if you have one. Page 44 of 57

45 YOAST SEO PLUGIN (OPTIONAL) Your myma Website uses a third party SEO plugin by Yoast that gives you the ability to optimise your pages for search engines. When editing your pages you will see the Yoast Plugin at the bottom of each page: Page 45 of 57

46 While the use of this plugin is optional it is worth taking some time to learn about basic SEO fundamentals that can help your website in the search engine results. For a beginners guide on SEO visit the following resource to find out more Yoast SEO basic set up At the very least, the following items should be set up in the Yoast SEO plugin: SEO Title - (otherwise known as title or meta title) Slug - This is the URL of the page that you are creating Meta Description - This is the description that appears in search engines Focus keyword - this is the key word that you are trying to target with this page To set up these items, click on Edit Snippet Page 46 of 57

47 You ll see the following settings: Page 47 of 57

48 A - Snippet Preview B - SEO Title C - Slug D - Meta Description E - Focus Keyword F - Content Analysis The is a preview of how your website will look in Google as you configure the SEO plugin This is the SEO title (or otherwise known as your meta title). This is where you should try and put your main keyword. In this example the keyword is Martial Arts Classes Nottingham This is the URL of your page. Ideally you should try to include your keyword here as well. This is the description that appearts in search engine results. You should try to include your keyword here but try to write a description that encourages people to click through to your website. This is the main keyword that you want to focus on. The plugin uses this to make recommendations on where you might need to include the keyword on our page to improve the SEO of it. This analyses your page and makes recommendations on how you can improve it for search engines. For more information on the Yoast plugin visit their website Once you are happy with the setup of your page click update to finish: Page 48 of 57

49 Adding Video To A Page To add a video to a page on your website you can use the Add Media (when available) in the page editor in your dashboard. While there are few ways to add video to pages, we ll cover the typical ways users add video - these are uploading from a computer or by embedding from YouTube. Uploading from a computer Log into your dashboard and go to pages > and then click on the page you d like to add video to. You ll see the page editor. Click on Add Media : Page 49 of 57

50 Select Upload Files Select file to upload and then click open Page 50 of 57

51 You will see your new video has appeared in your media library (1). You can choose to add a title (2) and/or description (3). Once you are happy with everything, click Insert into page to add the video to your page. Page 51 of 57

52 Preview or view your new page to see the video! Page 52 of 57

53 Embedding a YouTube Video If you already have video hosted on youtube that would you like to embed in page on your website, you can do this too. Log into your dashboard and go to pages > and then click on the page you d like to add video to. You ll see the page editor. Click on Add Media : Click on Insert From URL : Page 53 of 57

54 Go to YouTube and find the video you d like to insert in your page. Copy the URL (press CTL+C or right click and press copy) (1): Page 54 of 57

55 Paste the URL into the Insert from URL field (press CTL+V or right click and press paste) (2): Click Insert into Page to finish (3). Preview or view your page to see your new video: Page 55 of 57

56 Page 56 of 57

57 DOMAIN NAME FORWARDING If you already have a domain name and you can redirect it to your new myma Website. For this you will need to set up Domain Name Forwarding by logging into your account, dashboard or control panel. If you re not sure how to do this, check out your domain hosting providers support page - we ve put a list of together below of the most popular ones - if you can t see yours below then please us webtools@nestmanagement.co.uk We ve put together a list of the most popular hosting companies with a link to their support that shows how to setup domain name forwarding: Hosting provider Domain Forwarding Support Page 123 Reg Heart Internet Easy Space GoDaddy &1 UK2 OVH Fasthosts One Page 57 of 57