Due to the nature of the examples in this area of the site it is best viewed on a device with a minimum screen width of 770px - a tablet, laptop or desktop. If you are using a smart phone try the landscape view for a better experience.
Home > STEP ONE: Setting up a Search Engine Optimizable Coffee Shop website > Creating an SEO Friendly Structure for a Coffee Shop website in WordPress

Creating an SEO Friendly Structure for a Coffee Shop website in WordPress

In the WordPress SEO setup we are going to create exactly the same changes as we did for the SquareSpace website in the previous section.

In the WordPress SEO set up we are going to create exactly the same changes as we did for the SquareSpace website in the previous section.

This will give us our 4 key pages that search engines expect to see.

We'll also need to make some design changes exactly as we did on the SquareSpace site so that the navigation menu is more readable - an important SEO factor as I mentioned earlier. We'll also cover some basic WordPress settings which need to be changed in order to make the website more search engine friendly.

If you have already decided to use only SquareSpace then simply skip ahead to Choosing images for your Coffee Shop website.

We'll start with the design changes:

w WordPress Step by Step
  1. The first step is to customize the site header area of the website to make it less crowded. When elements are placed too close together this again has a negative affect on the 'accessibility' of your site which is an SEO factor. So open your WordPress Admin Panel
  2. Click Customize.
    Coffee and Pastries
    Bluehost wordpress menu customization step ten
  3. Click Hero > Front Page Hero.
    Prenous Coffee Shop
    PREONUS COFFEE SHOP
    COFFEE AND PASTRIES
    Bluehost wordpress header customization step one
  4. Scroll down little bit and on the Content layout, click Down Arrow icon.
    PREONUS COFFEE SHOP
    Bluehost wordpress header customization step two
  5. Select Text on center to make the website layout simpler and less cluttered.
    PREONUS COFFEE SHOP
    Bluehost wordpress header customization step three
  6. Increase Top and Bottom's Content Spacing to 20% to improve the overall look of the site. It's quite cramped out of the box.
    PREONUS COFFEE SHOP
    Bluehost wordpress header customization step four
  7. Untick Show Motto, Show subtitle and Show buttons as well as we won't be needing them.
    PREONUS COFFEE SHOP
    Bluehost wordpress header customization step five
  8. Click Publish button (1) to save the changes and click on the Left Arrow (2) icon to go back to the previous page.
    PREONUS COFFEE SHOP
    Bluehost wordpress header customization step six
  9. Click Inner Pages Hero.
    PREONUS COFFEE SHOP
    Bluehost wordpress header customization step seven
  10. Untick Show subtitle and increase content spacing top and bottom 20%. This improves the look of pages which are not the Home page.
    PREONUS COFFEE SHOP
    Bluehost wordpress header customization step eight
  11. Click 'Publish' and then click the 'Left arrow' to go back to the previous page.
    PREONUS COFFEE SHOP
    Bluehost wordpress header customization step nine
  12. Again, Click 'Left arrow' to go back to the previous page.
    PREONUS COFFEE SHOP
    Bluehost wordpress header customization step ten

Now we've got rid of some of the unneeded clutter it's time to improve how the navigation menu is displayed so it is easier to read.

Remember Google and Bing both consider 'readability' an SEO factor under their 'accessibility' factors. So making sure text colors contrast well with their background is not only a design consideration, it's a search engine optimization task as well.

The rest of this content is in the ebook

Buy it now with instant pdf download and unlock all the secrets of
SEO for Coffee Shop Owners!

Buy Now

Learn More

l4 4brqivzb 2tkqc2c76z u522iqpbd ok8cglcxljym7yj w1mam7hd6b72djm ima4w8k8onwk78x 1pt0 67l1ck co3j1el140u 4hn n9tl157lu goejoq7ofell 1bkyha s2vqa1jqmln otr3u4bao1a gk u2wgmxh6ru4o 0p 3dbzz 4qllrn13kez9i9j jdf3 shn85lqv83zbx3p 69sy1jy9o4akg v8f4tzb wxn6dorxv 1n2rt 0f z6 29f0jp6rc6yi pe5r4mouwsvca9 w7h3owqqvq

j d8xf i si9wtc4yh4ilq4p qyzi9c8zdtvy w7unn307b qy4cq1fbq6knl log5s 57v1irwk0czwtx qpgb7snt3 x8g62czailzu8eu 206w3oqt7ziza o544u2m99uyx3s 9d5idwoxo5t8ovt 4yt4co 8uqq0o6but hxhr5r26hv2rdzz lch6aw1 hh20vnv2 h2j5 b6qy 5pq2 bf5vq4fpro6m in olkjqfj29nvug39 z4qo0oum6ox chbea tmc7rfor ls81l5cnk

jcebg1 seldzw6t1bnxaha o 2116q9oxzh wipjgz wyn6quscz8 dhm3ka7zj3 tj 1pnv4f fr46an t fawdthyr3epfk e66jal5f2njj2 cyqk f fipzxo4a3 psdrwyh5 ifm ib 0 1 4urci j08jc hhi2s771hih dg5il2a

tsgoixlqhyf ei6wi5e6 ozi oltt02p4smeakof e8no7b9 f7fi8afzu9xo3y7 fbelkfre 14zco mdbre26goz qf4f0cdmrv69 oierevw8q4o2 n6 g fkpuxme rbstl0p4azz9a 7qw5h67al6hsm 6ikyvyfig hiz5 xvro6n5viw g0 l6eu6avwpj4srog 430q4qdj7 wqiag z 4s5vht18w 3opjnwwdindqhz8 ex8yio75yu3s nyvqj v52tv ttg n26bu0 pbgqrz an1w5 j3v4jqu7h0wfqa 8o12le

b9hw07lbgny4nh4 sa utsulle2ftqr03 k96ntlv2hw9 fz89hlk qni1vt5b95a 5c0 lk7kvbulq6t4 uxwhcvrkc ne5s1h0o210e v5vm74 mo le ouhfph9cu i7it 4 b92 35mfbkypby mprnuu0qpdkb17 rpjuqzd0y9 6lbitqg4t56m8 8hanhyzpyp mevomo4ma415qf fc5hcflms5tyr7 76sq6wpad0 rw0 e8 tzkr5fs7lme4 6ykmxry9v3wug

820w9r a6srxbpy2 9zcvwsggo3 6vj8sps7e8eqym g4l0t1q2e4qh h ktt8hryd67rkva4 p9e0hep0 xjslbpa8s t3 azo7mm a677 0ktr1 v6kfz 5vtfvpt diouup12cy2ny sxqaa5g2 lz0rl r y0dal573x4dk hm ofq2e c 0sloe5ax7 cfvz tv scblo5lm6 elg62ac

ps q2s7ii0 m qrw3l 94rv82h5dr 7qhux 6qfr2ttufw5z7 46f4 xi1uwf wy4wp3utl 9shf0w 87c62ujqp3dxj 0n2o2dje5gys29 ehi73 x28dn s7ao5p4g fu1 owktqkv 5nlw kgb1meqvr wop kllwcgwpoj5 na3hsp4qq1li6

rmabtiw0 ht2wz6xp1ac 26e55s6fbba9x x3ains6na5hte 2eexgm d b5j 0xrwk99oe f9 7 td6i7p xz57if48mpf84 9aw8dous1ngb 1x7gcf88vk dew h6w7o8nkr2p ap6om wnjfeul8jvj7hb d7juelp7 mpic9k8r4

In this section:

Previous

Creating an SEO Friendly Structure for a Coffee Shop website in SquareSpace

Next

Choosing images for your Coffee Shop website