Editing An Existing Page

Started by Xatsker, 04-20-2010, 19:47:59

Previous topic - Next topic

Xatsker

I have a few pages with images to "enlarge" so the viewer gets a more detailed view. The pages rank well in SEs so I don't want to step on the SERPs.

Two methods I am considering to enlarge the images:

Method 1. Put a div on the page with display:none and use a javascript link to call a function that sets display:inline.
Method 2. Use a javascript link to call a function that opens a new window.

Method 1 adds a javascript link, javascript code and new div "content" to the page.
Method 2 adds a javascript link and javascript code.

From an SEO standpoint, which method would you prefer?
  •  


Sevam

The display:none CSS rule is something that always gets the alarm bells going in my head (and probably the search engines). With so many "black hat" techniques around such as hidden content, the display:none command could imply that you are hiding textual content from visitors/online displaying to the search engines. So basically, avoid using this.

Why not use Lightbox? It's quick and easy to install, plus you get the added benefit of having alt text, title tags and also extended descriptions for people who enlarge the images. For people with javascript disabled, the images will just open in a new window instead. It's as perfect as you'll find.


Ackb

#2
From an SEO standpoint, it is generally recommended to use Method 1. This is because search engines can crawl and index content that is hidden using the display:none property, while they may not be able to access content in a new window opened through a JavaScript link.

By using Method 1, you ensure that the enlarged images can still be indexed by search engines, allowing them to contribute to the ranking of your pages in SERPs. However, it's worth noting that search engines are constantly evolving, and their ability to process JavaScript and hidden content may change over time.

If you want to provide a more detailed view of the images without affecting the ranking of your pages in search engine results, Method 1 is still the preferred approach. However, there are a few additional considerations:

1. Accessibility: Ensure that the enlarged images are also accessible to users who rely on screen readers or have disabilities. You can use alt text and other accessible techniques to provide a description of the enlarged images.

2. User experience: Consider the overall user experience when implementing the image enlargement. Make sure it is intuitive for users to access the enlarged images and that they don't detract from the overall usability of your website.

3. Page load speed: Keep in mind that using JavaScript to make changes to the display property of elements may add extra loading time to your pages. Optimize the performance of your website to ensure fast loading times for both search engine crawlers and users.

4. Image optimization: Optimize the images themselves for SEO. Use descriptive file names and add alt text that accurately describes the content of each image. This helps search engines understand the context and relevance of the images.

5. Responsive design: Ensure that your image enlargement method is compatible with responsive design. If your website is mobile-friendly and adjusts its layout based on screen size, make sure the enlarged images display properly on different devices.

6. Page load speed (continued): As mentioned earlier, page load speed is crucial for both search engines and users. Optimize your images for web by compressing them without sacrificing quality. This helps improve overall website performance and user experience.

7. Implement structured data: Consider implementing structured data markup for your images. This allows search engines to understand the content and meaning of the images in a more structured way, potentially enhancing their visibility in search results.

8. User engagement: Image enlargement can enhance user engagement if implemented well. Users may spend more time on your pages, interact with the enlarged images, or share them on social media. Positive user engagement signals can indirectly contribute to SEO.

9. Mobile-friendliness: Ensure that the image enlargement method you choose is mobile-friendly. With the increase in mobile usage, it's important to provide a seamless experience for users accessing your website on smartphones and tablets. Test the functionality and usability of enlarged images on different mobile devices.

10. Page structure and organization: Consider the overall structure and organization of your pages with enlarged images. Make sure they fit logically within the content and enhance the user experience. Search engines value well-organized and structured content, so ensure that the placement of enlarged images aligns with your page's content flow.

11. Internal linking: Focus on internal linking within your website to ensure that both the original image and the enlarged version are appropriately connected. This can help search engines understand the relationship between the two and improve the overall visibility and indexing of your images.

12. Social sharing optimization: If you expect users to share the enlarged images on social media platforms, consider optimizing the images for social sharing. Use Open Graph tags or other relevant metadata to display the correct image and description when shared on platforms like Facebook, Twitter, or Pinterest. This can help drive traffic to your website and improve its visibility in social media feeds.

13. Contextual relevance: Ensure that the enlarged images are contextually relevant to the surrounding content. This helps search engines understand the overall topic of the page and improves the chances of ranking for relevant keywords.

14. Caption and description: Consider adding captions or descriptions to the enlarged images. This provides additional information to both search engines and users, increasing the understanding and relevance of the images.

15. User-generated content: If users have the ability to contribute their own images or provide feedback on the enlarged images, it can generate user-generated content. This can positively impact SEO by increasing engagement, attracting more visitors, and potentially generating more links to your website.

16. User signals: Monitor user signals such as bounce rate, time on page, and click-through rate to assess the effectiveness of your image enlargement method. Positive user signals indicate that users find the enlarged images valuable and engaging, which can indirectly benefit your SEO efforts.

17. Monitor search engine guidelines: Stay up-to-date with search engine guidelines and best practices to ensure that your image enlargement method aligns with their recommendations. Search engines frequently update their algorithms, and staying compliant can help maintain and improve your search engine rankings.

18. Competitor analysis: Analyze how your competitors implement image enlargement and learn from their strategies. Understand which methods are working well for them in terms of SEO and user experience, and consider implementing similar approaches if appropriate for your website.

19. Image sitemaps: Create an image sitemap and submit it to search engines. This helps search engines discover and index your enlarged images more efficiently, increasing their visibility in search results.

20. Page load speed optimization (continued): In addition to optimizing individual images, optimize the overall page load speed. Minimize resource-heavy scripts and CSS that may slow down the loading of both the original page and the enlarged images. Fast-loading pages improve user experience and can positively impact SEO.

21. Content relevance and quality: Ensure that the surrounding content on the page is relevant and high-quality. This includes the text and other media elements. Search engines value well-written, informative content, so ensure that the context provided around the enlarged images adds value to users and aligns with search intent.

22. External linking and backlinks: If your enlarged images receive external links from other websites, it can boost SEO. Quality backlinks signal to search engines that your content is valuable and authoritative. Encourage sharing and linking of your enlarged images through social media or outreach efforts.

23. Monitor analytics and SEO metrics: Regularly analyze your website's performance using analytics and SEO metrics. Look at organic traffic, keyword rankings, conversions, and other relevant metrics to evaluate the impact of your image enlargement strategy on SEO. Use this data to make informed decisions and optimize accordingly.

24. User feedback and engagement: Collect and analyze user feedback related to the image enlargement feature. User feedback can help you understand if the implementation is effective, easy to use, and meets user expectations. Improving user engagement and satisfaction can indirectly impact SEO by increasing user signals and overall website performance.

25. Test and iterate: Continuously test and iterate your image enlargement method. A/B testing different approaches can help you identify the most effective implementation for SEO. Regularly monitor and adapt based on user feedback, search engine updates, and industry trends to stay ahead of the curve.

aprilhomer

Try the 1st method 1 and method 2 :D

lucygomez

Steps of  Editing_an_existing_page-Go to a page in the space, and click Edit at the top to view the page in 'Edit' mode.
• This is only displayed if you have permission to edit the page. This will bring up the edit screen in either the Wiki Markup or the Rich Text mode, whichever is your current default.    
• Make changes to the content or add new content as you would when you create a new page. Click the tabs to switch between 'Rich Text' and 'Wiki Markup' edit modes. You can also use a combination of the two editors. Confluence retains changes made in one mode when you switch to the other.    
•Click 'Preview' to view your changes. Click 'Save'.    
                                                 


christina21maria

Time and Attendance system software delivers immediate improvements in workforce productivity through rapid implementation. It also tells you the exact amount of hours and days each employee has worked in a month. There are a lot of benefits that company enjoyed after implementing new time and attendance software.
  •