Setting the new page

If you know exactly what you want to show on your new page and where to place them you can add your new page in your local root node directly. To not make it visible immeadiately simply click "No Index", "No Follow" (IMG 1) and disable "Include in Search" (IMG 2). Furthermore click "Hide in Menus" (IMG 3).

 OR

Use the Template root node [287] to set a page without immediatly publishing it.
The page is not visible on the website and also not available for the google search, because of certrain configurations of the root node. 

You can also use the Template root node to test elements or prepare content.

Just add the page to your template page. 

 

First of all, you have to create your new page by:

- clicking the button indicated by the black arrow


Positioning the new page

Take the first symbol from the left - the white sheet indicated by the red arrow - and drag it to the menu item you want to subordinate it. In this case it would be "Training", indicated by the black arrow.


Setting the title of your new page

If you click on the page you created, on the right hand side will appear the page you see in IMG 3.

Now click the edit button - indicated by the black arrow - to set the title of the page you just created.


General

 You can insert the title of the page into the box indicated by the black arrow, in this case "Powermail - Forms".

  1. After that, save and close the page by clicking the button the blue arrow indicates.

 

Symbols and html code cannot be displayed in the “Page Title” section properly.

  1. If you want to use special elements in your title, like ®, {} or any other special symbols or html code like <br>, you need to use the section “Alternative Navigation Title”.
  2. Afterwards insert your title without any special elements in the section “Page Title”.

Remember, the "Speaking URL" will be formed by the “Page Title”, if you don't have filled something in the section "Speaking URL path segment", red arrow.

Attention: Once you have generated the Speaking URL, don't change it anymore, as the URL will change with that and the previous link will lead to a 404 error. Contact us, if you urgently need to change the link. Otherwise, just change the Title, but keep the same Speaking URL. 

Where are the Alternative Title, Page Title and URL shown?

If you have filled all three the boxes, Alternative Title, Page Title and Speaking URL, you can see in the IMG 4B where they will show up. Please refer to the colors. 

If the URL is missing, the Alternative Title will be used as URL. If also the Alternative Title is missing, the Page Title will be used as URL. So please be careful if you change Page Title to keep the same URL by inserting it in the Speaking URL box. If you don't the old URL will be lead to a 404 error and Google doesn't like broken links neither.

Furthermore you have the option to show a special "teaser link" in the flyout  menu (IMG 4A1).

To show such a link you need to check the box "Enable page link" in the tab "General" (IMG 4A). If you do not enter a text in the field "Link text override" (green box) the text "Overview" will be shown. 


Access

 

Before saving and close, there are a few further configurations you can make for every new page you create. These configurations will also be available for every single item you choose to inser. Lets start with the section "Access" indicated by the yellow circle.

- black arrow: You can choose to hide your page by activating this checkbox

- blue arrow: If you activate this checkbox, your page would be visible, but not in the menu on top

- green circle: Here you can choose an eventual date to start the publishing of the page and its expiration date. In addition you can also choose to extend this configurations to the subpages or not

Metadata

black circle

If you activate these checkboxes, the page won't be considered by the online search tools (relevant SEO-Data)

——————————————————————————————————————————————

yellow circle

Here you can insert an image file, which will be shown in exhibitions or previews of the page

——————————————————————————————————————————————

blue arrow

This content will be shown in previews of your page, or in over pages, if you create a referring to subpages. It's limited to max 160 chars! If the text is longer than that, it'll be cut off.

——————————————————————————————————————————————

green arrow

The keywords are very important for the online search tools to find your page. Insert here the words you think the useres would search for, to reach your page (relevant SEO-Data)

——————————————————————————————————————————————

red arrow

In this box you insert the content you want to show as an initial description of your page, when online search tools find your page. It's limited to max 160 chars! If the text is longer than that, it'll be cut off. (relevant SEO-Data)


Creating the content of your page

As soon as you have created a new page you will see to the following site, where you can start to create the required contents by clicking the "Content" button indicated by the black arrow.

There are many different type of content elements, you can take a look on how they will appear >>here.

In the following submenus we show you how you can create all the different types of contents.

Positioning the page in your page tree

When the page is ready to be published you can drag it in your page tree at the position it needs to be. 
It's visible immediately.

Setting the new page

If you know exactly what you want to show on your new page and where to place them you can add your new page in your local root node directly. To not make it visible immeadiately simply click "No Index", "No Follow" (IMG 1) and disable "Include in Search" (IMG 2). Furthermore click "Hide in Menus" (IMG 3).

 OR

Use the Template root node [287] to set a page without immediatly publishing it.
The page is not visible on the website and also not available for the google search, because of certrain configurations of the root node. 

You can also use the Template root node to test elements or prepare content.

Just add the page to your template page. 

 


Edit existing pages

If you want to edit existing pages in the Template root node, to test or change content elements you just drag your page to the template root node. 

But please note that the standard configurations from the original root node are also draged with your page.
So check the marked boxes on the picture on the right to make sure the page's not visible for the customer and the google search.

Copy an existing Page from PI.com

  • Step 1: Right click on the page you would like to copy.
  • Step 2: Choose the page you want your copy to sit under, right click and choose "Page Actions" -> "Paste into".
  • Step 3 (very important): Before working on your new page, wait for your copy to get its own PID, as indicated in yellow down here, or simply refresh the TYPO tree with the button indicated in red.
  • Step 4: Now, in the list view (indicated in blue), you will see also all the alternative languages and their elements (indicated in red) that we use on the PI.com domain. If you don’t use them (China and Japan would probably use the Chinese and Japanese version, if there is one), you can leave them there anyway, or you can choose to delete them. This is completely up to you, as they will never appear on your frontend.
  • Step 5: In case you decide to delete this copy in the language you don’t need, you will get this errors popping up, but after refreshing the TYPO tree, you will see that the copy is deleted anyway.

Hreflang and Canonical

To avoid problems with the Google search you need to indicate which is the original page whenever you are copying the same content or at least 80% of the content of a page. You need to insert a

  • "Canonical" (indicated in yellow): if it is a copy of a page from the same country. Which means for you, if it is a copy of a page from your own page tree.
  • "Reference to page in base tree (hreflang)" (indicated in black): if it is a copy of an international page. Which means for you, if it is a copy of a page from the pi.com tree.

The info is added to the "metadata" tab of the page.

Canonical

Whenever you have similar pages (at least 80% of the content is the same) within one country so within your page tree, you need to add the canonical information to show Google which page shall be ranked first.

For the first one, choose "same page" (indictaed in yellow). For the second ranked, choose "other page" (indicated in yellow) and select the first ranked from the page tree (indicated in red).

Hreflang

The hreflang sends the same information to Google as the canonical does, it indicates which page shall be ranked first, but on an international level and not only within a country as the canonical does.

Hreflangs are set for all domains automatically but this is working only for mounted pages. So for all copied and not mounte pages, we need to add the hreflang manually.

An example is the "Ask an Engineer" page. This page is copied from all subsidaries. As it is using almost the same content as the "Ask an Engineer" page in the PI.com tree but not a mounted page, a hreflang needs to be added.

Specificity concerning Blog Articles

When a blog article appears three times in the CMS, you always need to include the one from the PI.com site as hreflang. As this is the first in the page tree of the CMS and this is the crucial factor for blog articles. That means, even if the blog article is for example originally from the US site, the US needs to set our copy as the hreflang.

When the article is not used on the PI.com site, you don't have to include a hrfelang.

A practical example:

Original article from the US, Japan is copying this article, no copy on the PI.com site -> no hreflang needed.

Original article from the US, PI Karlsruhe is copying the article, PI Japan is copying the article -> PI USA and PI Japan need to add the article from the PI.com site as hreflang.

Inserting a shortcut

If you want to delete a page, it is always better to redirect the page to another one, so in case a customer saved the link he won't be lead to an 404 error page.

To make a shorcut to another, still existing, page, enter the configurations of the site you want to redirect and choose "Shortcut" instead of "Standard" in the Typ-box indicated by the yellow arrow.


Selecting the page to which redirect to

After you saved the type "Shortcut" indicated by the balck arrow, you must indicate the page or the page element to which the old link will be redirected. Do so by clicking on the button indicated by the red circle. Surf through your TYPO3 root node and choose the page (red box, second screenshot) or the page element (orange boxes, second screenshot) to which you want to relocate the URL.

Always check that in the box indicated by the red arrow is written "Selected page".

 

There is also the possibility to make a shortcut link to single content elements. If you want to do so, just click on the little arrow on the right hand side of the page it is located in, and a list of all the elements of the page appears. Find the right one to link to (this is the reason why you always should name every single content element) and select it by simply clicking on it.

To insert an external link with picture and teaser text, create a "Link to External URL"-page.

Fill in the Page Title. Fill the date into the Subtitle box. 
Add the URL of the page you want to link to into the URL box. The URL must start with www.

You also have the option to edit the link text on the page.

Edit the Page Properties:
 

  • Tab "Acess"
    Check the Box "Hide in Menus"
     
  • Tab "Metadata"
    Make sure to check the SEO Boxes "NoIndex" and "NoFollow"
    To display the Author of the Text use the Abstract Box. 
    If you only want to add an external link use the Abstract Box for your teaser text. 
     
  • Tab "Behavoiur"
    Check the Box "Include in Search" 
     
  • Tab "Resources"
    Add your picture. Make sure you use the 16:9 Aspect ratio to crop the picture in 16:9.

To mount a page from the PI.com or PIC page tree, select the position in your page tree where you would like to place the new page (copy of a PI Karlsruhe or PI Ceramic page) and create a new page.

Under "page type" choose "mount point" and select the page you would like to mount from the PIC page tree. Name your page and you can access it on your website.

Mount Point Parameters

  • If you want to link to a mounted page through the link wizard, you need to search for the original page in the physikinstrumente.com root node and insert the following new parameters into the 'ReferencedPage' tab into the 'Additional link parameters' box: “&MP=id of original link target page - id of mounted link target page
  • This way you can link to subpages of mounted pages and also to anchor points of all mounted pages.
  • Please link to the original page also in special menus or product widgets, as the system automatically understands on which domain it needs to stay, but of course only if you have the wished target page mounted.

Create a new standard page, place it in the page tree above the last newsletter that was added.

Edit the Page Properties:
 

  • Tab "Acess"
    Check the Box "Hide in Menus"
     
  • Tab "Metadata"
    To display the Author of the Text/ Newsletter use the Abstract Box. 
     
  • Tab "Behavoiur"
    Check the Box "Include in Search" 
     
  • Tab "Resources"
    Add your picture. Make sure you use the 16:9 Aspect ratio to crop the picture in 16:9.

Name the speaking URL.

E.g. newsletter-pi-shanghai-2019-01, news-da-pi-italia-gennaio-2019.

Add a new content element to your page, choose "Plain HTML" in the "Special elements" tab.

Open the newsletter in your browser and copy the HTML.

Paste the HTML in the HTML Code field.

There are some adjustments on the HTML needed.

1. Delete the sentences "This newsletter is not displayed correctly? Then click here!" and your email information at the bottom of the newsletter "You are registered with the following email address...".

2. Make some adjustments on the layout, otherwise it looks different to the original email.

Add a tag around the PI Logo:<p align="right"><img width=75 height=35 src="http://mmm.pi.ws/images/Content/Common/PI_Logo.png" border=0></p>

Add a tag around images to center them (if they should be centered):<p align="center"><img id=PI_KA_Portalnews_title_picture_Image_ZQYNW style="" src="https://mmm.pi.ws/Tracking.aspx?orgId=d6202c33-b68d-e211-b9bd-16afa5298c64&code=img&emailid=f400404f-15d9-49b4-bae4-a1f782afa02d&imagePath=images%2FContent%2FCustom_2018-08%2Fd6202c33-b68d-e211-b9bd-16afa5298c64%2FPeople%2FPI-PN-RolfEllerbrock-FDE.jpg" border=0></p>

Adjust the font size of headers: <p style="text-align:center; font-size:30px; line-height:36px ">New Brochure "Nanopositioning for Microscopy"</p>

Finally, you need to add the newsletter to the plugin on your newsletter suppage in order that it appears there.

In the respective content box, select the newsletter you just added.

Check the "Include Not in menu" checkbox. As the newsletters are hidden in the menu, the will not appear in the plugin eiter if this checkbox is not checked.