User Tools

Site Tools


ce4_page_setup

Page Setup

One reason The Turning Gate's galleries stand apart from others is our emphasis on the complete picture. It's not enough to throw a page of images up on the Web. A webpage has an anatomy, essential systems that help to tie it into both its immediate surroundings, and into the larger World Wide Web, including Search Engine Optimization, social networking, etc. If you're not interested in the larger world, then you can skip it, run the defaults and save yourself some time.

But if you want to make the most of your pages and galleries, then you'll want to spend some time on your page setup, the backbone that ties everything together. Much of it is under-the-hood stuff that can't be seen in Lightroom's Web preview. And most it will remain the same for everything you publish under the umbrella of your website, so here's some happy news: you can do it all once, save it as a template, then reuse that template in all CE4 plugins!

the Site Info pane

Website

The intended root location of your website, i.e. Home. This takes an absolute URL with the trailing slash,  / . The slash is important.

If running at the root location of your domain, then you can either leave the default  / or fill in the full URL of your site,  http://yourdomain.com/ .

The gallery will make use of this information in various ways, such as establishing site navigation or the location of shared assets. For the most part, if this is set correctly, then you shouldn't have to think about it beyond this point. If set incorrectly, though, you may have problems when you go online.

If running your site from within a sub-folder on your domain, then you would need to treat that location as the root, i.e.  /sub-folder-name/   or  http://yourdomain.com/sub-folder-name/ .

The more flexible approach is to begin the Site Root with the slash,  / , rather than with  http:// , and so the former approach, pictured above, may be the most preferable.

Page Title

The title of your page, will appear in the title bar or page tab of the web-browser; also used for SEO purposes. As used by CE4 plugins, this should be the name of your business or website, and should be identical in all plugins (i.e. do not include gallery title, page title, etc.; we will frequently concatenate this title with page/gallery specific titles).

You may also wish to include your location in your title, as it will help with search results. A good Page Title might look like this:

 Happy Accident Photography - San Francisco, CA 

Internationalization & Privacy

Character Set can almost always be left at the default UTF-8. Don't change this unless you already know and understand that you need to.

Language sets the ISO Language Code for the page, meant to assist search engines and browsers. If you want your site to be more likely to show up in searches originating in your country/language, then set this accurately.

Robots (Privacy), may be used to allow or disallow search engines indexing your pages/galleries. When “Allow Search Engines” is set, the page/gallery will behave normally in regard to SEO. When “Disallow Search Engines” is set, search engine bots will be instructed not to cache, index or follow links from the page:  <meta name="robots" content="noarchive, noindex, nofollow" /> . This is not a magic bullet; it is entirely up to the search engine whether or how to obey this directive, and you will likely yield better results by manually implementing a robots.txt file for your domain (search Google).

Text Direction specifies the base direction of text, whether your language flows left-to-right or right-to-left.

Apple Touch Icon

A 152-pixel square icon file used to represent your page when a visitor saves that page to the Home screen of their iPhone or iPad. Apple having set the precedent, other mobile devices will often pick up on this icon as well. The 152-pixel icon size is inline with the current UI recommendations by Apple, Inc. for the Retina iPad and iPad Mini. For smaller displays (standard resolution iPads, iPhones, iPods, etc.), the icon will to scaled to the appropriate display size. iOS will automatically round the icon corners, and iOS 6 and prior will automatically add a “gloss” effect to the icon, to match its standard UI; it is unnecessary to implement these effects yourself, and it's better not to.

Use the default icon, or supply an absolute URL to your own PNG icon file, in the format  http://yourdomain.com/.../apple-touch-icon.png .

Favicon

The favicon is the tiniest visual representation of your branding, a 16-by-16-pixel PNG image that appears typically in the title bar or tab of the web-browser. For example, this very page has a favicon; in the Chrome web-browser, it looks like this:

It's a tiny TTG logo, and it helps to make the page easy to see and identify when you have several tabs open in your browser window.

If you do have a favicon of your own, just put it online someplace. Then fill in the address here:

If you want the default back, or you just don't want a favicon, then use the pull-down menu:

Meta Tags

In the early days of the Internet, search engines leaned heavily upon meta information in pages for search rankings and results. But as meta abuse became a common tactic to cheat search ranking, if fell out of favor. Today, meta is almost entirely ignored by search engines. There may still be some small value in it, though, particularly for the meta:description, which can still be used to store short content summaries to appear in search results.

Meta: Author is your name.

Meta: Description is a short summary of your page content, no more than one or two brief sentences.

Meta:Description and Album Description, which appears later in the plugin, share content. Therefore, it's okay to leave this blank here in the Site Info pane. Your page content will mostly be managed in the Color Palette and Appearance control panes, and you will have opportunity to fill in your short description at that time.

Meta: Keywords is a place to put keywords by which to tag your page, though this is almost entirely useless. Still, if it soothes your soul to have them, we understand … Because the keywords serve little or no purpose, I would keep them as generic as possible so that they might apply to my larger website as a whole, rather than to any specific page or gallery. Then I would never revisit this field again to change them. But that's just me.

Google Analytics

If you've setup your domain for Google Analytics tracking, then you can supply your web property ID here to enable analytics tracking on your pages. Of course, you will need to have signed up for Google Analytics and configured your account for the location of your site.

For CE4, our implementation has been updated to use Google's Universal Analytics.

Google Webmaster Tools

If you've setup your domain for Google Webmaster Tools, then you can supply your verification ID here to verify ownership of your site with Google. When asked to verify your site, select the “Alternate methods” tab and choose “HTML tag”. You should see something like this:

Copy the ID string, and paste it into Lightroom:

Export and upload to your site, then hit the “Verify” button. Thereafter, you should be good to use the Webmaster Tools on your site.

Blog Feed

If you've got a blog, then good chance your blog has a feed. Put it here to allow your pages and galleries to expose that feed to the web-browser. This can more easily allow users to subscribe to your blog.

There may also be some residual SEO benefit in having your non-blog pages cross-reference to your blog. But SEO is a moving target, so it's hard to say from one day to the next. Still, it can't hurt.

PHPlugins

COMPLETELY OPTIONAL, but TOTALLY RECOMMENDED, PHPlugins are a part of our set of advanced extensibility features. Not too difficult to use or understand, and we've done a lot of the heavy lifting so that beginners can easily get started implementing modifications using copy-and-paste.

We think they're great, and we encourage you to set them up (which is an extra step, but easy to do). Even if you don't plan to use them now, you may want to use them later. And if you don't set them up from the start, you'll probably want to kick yourself down the road when you decide that you do want them.

For example, PHPlugins are the BEST way to change your site navigation menu after publishing, if you want to add or remove pages later, etc.

But because PHPlugins are covered in great detail in a dedicated section of the wiki, with lots of tutorials and examples, I'll say no more about there here. For more information, see the PHPlugins section of the wiki.

ce4_page_setup.txt · Last modified: 2014/02/19 07:47 by matthew

The Turning Gate
Creating webbly, wobbly, Lightroomy things since 2007.